button.button {
  border: 0;
  background: transparent;
}

button.button,
a.button {
  display: inline-block;
  font-size: var(--button--font-size);
  line-height: 1;
  letter-spacing: .15px;
  border-radius: var(--border-radius);
  background-color: var(--button--primary-bg);
  transition: var(--transition);
  /*text-transform: lowercase;*/
  cursor: pointer;
  color: var(--button--primary-color);
  text-decoration: none;
}

.button-text {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.button:hover,
.button:focus-visible {
  color: var(--hover-color);
}

/**
 * SIZE
 */
a.button--small,
button.button--small {
  font-size: var(--font-size-small);
}