Button

HTML

<div class="l-cluster">
  <a href="#" class="button">Solid</a>
  <a href="#" class="button -hollow">Hollow</a>
</div>

SCSS

.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;
}