.btn{ color: #394cac; font-family:'Archivo', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 8px 15px; border-radius: 0; border: 2px solid #394cac; transition: border-top-left-radius 0.15s 0.15s ease-out, border-top-right-radius 0.15s 0.30s ease-out, border-bottom-right-radius 0.15s 0.45s ease-out, border-bottom-left-radius 0.15s 0.60s ease-out, box-shadow 0.60s ease-out, transform 0.60s ease-out; } .btn:hover{ color: #fff; background: #394cac; border-radius: 20px 30px 10px 20px; box-shadow: 0 4px 8px hsla(190deg, 15%, 5%, .2); } @media only screen and (max-width: 767px){ .btn{ margin-bottom: 30px; } }