.btn{ color: #fff; background-color: #555; font-family: 'Rubik', sans-serif; font-size: 18px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; padding: 8px 15px 7px; border-radius: 0; border: none; position: relative; z-index: 1; transition: all 0.4s ease 0s; } .btn:hover, .btn:focus{ color: #fff; background-color: rgb(255, 0, 106); padding-right: 5px; padding-left: 25px; text-shadow: -20px -5px rgba(255,255,255,0.3); } @media only screen and (max-width: 767px){ .btn{ margin-bottom: 30px; } }