Button
<div class="l-cluster">
<a href="#" class="button">Solid</a>
<a href="#" class="button -hollow">Hollow</a>
</div>
.button {
display: inline-flex;
text-transform: uppercase;
align-items: center;
font-size: var(--s0);
font-weight: 700;
color: var(--btn-color, var(--white));
padding: 14px 25px;
line-height: 1;
text-decoration: none;
background-color: var(--btn-bg-color, var(--black));
border-color: currentColor;
border-style: solid;
border-width: 0px;
}
.button.-hollow {
--btn-bg-color: transparent;
border-width: 1px;
}