:root{
--white: #fff;
--color: #8a2be2;
--color1:#ee67ee;
}
.btn{
color: var(--color);
background: var(--white);
font-family: "Oleo Script", system-ui;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 1px;
padding: 6px 14px;
border-radius: 10px 10px;
border-top: 2px solid var(--white);
border-left: 2px solid var(--white);
border-bottom: 2px solid var(--color);
border-right: 2px solid var(--color);
position: relative;
transition: all 0.3s ease-in;
}
.btn:hover{
color: var(--color);
border-top: 2px solid var(--color);
border-left: 2px solid var(--color);
border-bottom: 2px solid var(--color1);
border-right: 2px solid var(--color1);
box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px;
}
@media only screen and (max-width: 767px){
.btn{ margin-bottom: 30px; }
}