.btn {
  cursor: pointer;
  padding-block: var(--s-1);
  padding-inline: var(--s1);
  background: var(--button-bg-color);
  color: var(--cream);
  text-decoration: none;
  border-radius: .5rem;
}

.btn-sm {
  padding-block: var(--s-3);
  padding-inline: var(--s-1);
}

.btn-lg {
  padding-block: var(--s0);
  padding-inline: var(--s2);
  font-size: var(--s1);
}

.btn:hover {
}