.btn--white {
  background: var(--op-color-white);
  color: var(--op-color-primary-base);
  padding: var(--op-space-small) var(--op-space-x-large);
  border-radius: var(--op-radius-medium);
  font-weight: var(--op-font-weight-semi-bold);
  text-decoration: none;
  font-size: var(--op-font-medium);
  transition: opacity var(--op-transition-timing-x-short) ease;

  &:hover {
    opacity: var(--op-opacity-overlay);
  }
}