.btn{ color: #fff; background: linear-gradient(to top right,#00989b,#005e78); font-family: 'Gugi', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 8px 10px; border-radius: 0; transform: perspective(200px) rotateY(-20deg); text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3); position: relative; margin: 0 10px; z-index: 1; transition: all 0.3s ease; } .btn:hover{ color: #fff; transform: perspective(200px) rotateY(20deg); } @media only screen and (max-width: 767px){ .btn{ margin-bottom: 30px; } }