.link{ color: #432e13; background: transparent; font-family: "Mitr", sans-serif; font-size: 24px; font-weight: 400; line-height: 31px; padding: 4px 12px; text-transform: capitalize; border-radius: 30px 30px; border: 0; display: inline-block; overflow: hidden; position: relative; box-shadow: inset -20px -16px 0px 2px #FC427B; transition: all 0.3s ease; margin: 0 10px; z-index: 1; } .link:hover, .link:focus{ color: #e6dddd; background: #211e18; transform: translateY(-5px); box-shadow: inset 0px 0px 0px 0px #FC427B; } @media only screen and (max-width: 767px){ .link{ margin-bottom: 30px; } }