.purple,
.green,
.blue,
.orange{
    border: 1px solid #534126;
    border-radius: 0;
    color:#534126;
    text-transform: uppercase;
    font-size:15px;
    position: relative;
    transition:all 0.5s ease 0s;
	padding:2% 4%;
}
.purple:after,
.green:after,
.blue:after,
.orange:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height:100%;
    background: #534126;
    z-index: -1;
    transition:all 0.5s ease 0s;
}
.purple:hover:after,
.green:hover:after,
.blue:hover:after,
.orange:hover:after{
    width:100%;
	
}
.purple:hover,
.green:hover,
.blue:hover,
.orange:hover{
    color:#fff;
	background: #534126;
}
.green{
    border: 1px solid #396b1c;
    color:#396b1c;
}
.green:after{
    background: #396b1c;
}
.blue{
    border: 1px solid #3498db;
    color:#3498db;
}
.blue:after{
    background: #3498db;
}
.orange{
    border: 1px solid #e67e22;
    color: #e67e22;
}
.orange:after{
    background: #e67e22;
}