.btn{
color: #1155bb;
background: linear-gradient(#ddd,#fff);
font-family: 'Concert One', cursive;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 5px 15px 5.5px;
border-radius: 5px;
border: none;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.btn:hover,
.btn:focus{
color: #fff;
}
.btn:before{
content: '';
background-color: #1155bb;
height: 100%;
width: 100%;
transform: rotate(-40deg);
border-radius: 2px;
position: absolute;
right: calc(100% - 12px);
top: 100%;
z-index: -1;
transition: all 0.3s ease 0s;
}
.btn:hover:before{
transform: rotate(0);
right: 0;
top: 0;
}
@media only screen and (max-width: 767px){
.btn{ margin-bottom: 30px; }
}