.button1 img:hover {
	background-image:url ("img/white.png");
	
}
.button1{
    padding: 25px 35px;
    border-radius: 0;
    text-transform: uppercase;
    position:;
    transition: all 0.5s ease 0s;
}
.button1:before{
    content: "";
    display:block;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
    transition: all 0.5s ease 0s;
    width: 0;
    height: 0;
}
.button1:after{
    content: "";
    display:block;
    position: absolute;
    bottom:0;
    left:0;
    z-index: -1;
    transition: all 0.5s ease 0s;
    width: 0;
    height: 0;
}
.green{
    border: 1px solid #1D4286;
    color:#1D4286;
}
.green:hover:before,
.green:hover:after,
.green:hover .box:before,
.green:hover .box:after{
    background: #1D4286;
    width: 50%;
    height:50%;
}
.box:before{
    content: "";
    display:block;
    position: absolute;
    top:0;
    right:0;
    z-index: -1;
    transition: all 0.5s ease 0s;
    width: 0;
    height: 0;
}
.box:after{
    content: "";
    display:block;
    position: absolute;
    bottom:0;
    right:0;
    z-index: -1;
    transition: all 0.5s ease 0s;
    width: 0;
    height: 0;
}
.button1:hover{
    color:#fff;
}
.green{
    border: 1px solid #1D4286;
    color:#1D4286;
}
.green:hover:before,
.green:hover:after,
.green:hover .box:before,
.green:hover .box:after{
    background: #1D4286;
    width: 50%;
    height:50%;
}