.btn{display:inline-block;padding:10px 40px;background:transparent;border:none;text-decoration:none;font-size:var(--fs-body);line-height:var(--lh-body);font-family:var(--secondary-font-family);font-weight:500;transition:0.3s ease;border-radius:4px;&:before{transition:.3s ease}}.btn--primary{background:var(--color-dark);color:var(--color-white);border:1px solid var(--color-dark);@media (hover:hover){&:hover{background:var(--color-white);color:var(--color-dark);border-color:var(--color-dark)}}}.btn--secondary{background:var(--color-white);color:var(--color-dark);@media (hover:hover){&:hover{background:var(--color-dark);color:var(--color-white)}}}.btn--tertiary{background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-dark);@media (hover:hover){&:hover{color:var(--color-dim);border-color:var(--color-dim)}}}.btn--brown{background:transparent;color:var(--color-button);border:1px solid var(--color-button);@media (hover:hover){&:hover{background:var(--color-button);color:var(--color-white)}}}.btn--transparent{background:transparent;color:var(--color-dark);@media (hover:hover){&:hover{color:var(--color-dim)}}}