.button { display:flex; justify-content: center; align-items: center; background-image: linear-gradient( #5EE283, #057B26); border-radius: 4vw; box-shadow: -7px 7px 7px rgba(255, 255, 255, 0.7); height:7vw; width:100%; } .buttonTxt { color : black; margin : 2vw; text-align: center; font-family: 'Wellfleet', cursive; font-size:3vw; } .button:hover { border: 3px solid #FFFFFF; box-sizing: border-box; border-radius: 4vw; } .button:active { background-image: linear-gradient( #057B26, #5EE283); } .link:hover { text-decoration: none; color:black; } .link{ color:black; }