.btn{
color: #f75700;
font-family:'Alegreya Sans', sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 15px;
border-radius: 0;
border: 2px solid #f75700;
position: relative;
margin: 0 10px;
z-index: 1;
transition: all 0.5s ease;
}
.btn:hover,
.btn:focus{
color:#f90000;
border: 2px solid #f90000;
border-radius: 30px;
}
.btn:before{
content: " ";
width: calc(100% + 20px);
height: calc(100% + 20px);
border: 2px solid transparent;
transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
top: 50%;
transition: all 0.7s ease;
}
.btn:hover:before{
border-radius: 30px;
border: 2px solid #f90000;
}
@media only screen and (max-width: 767px){
.btn{ margin-bottom: 30px; }
}