:root{
--white:#fff;
--color:#47741f;
}
.link{
color: var(--white);
background: var(--color);
font-family: "Inter Tight", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 24px;
text-transform: capitalize;
padding: 6px 12px;
display: inline-block;
border: 2px dashed var(--color);
border-radius: 10px;
position: relative;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
z-index: 1;
transition: all 0.4s;
}
.link:focus,
.link:hover{
color: var(--color);
background: var(--white);
border: 2px dashed var(--color);
}
@media only screen and (max-width: 767px){
.link{ margin-bottom: 30px; }
}