.button {
  font-size: 0.875rem;
  border-radius: 1.875rem;
  padding: 0.75rem 1.5rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;

  &.primary {
    color: var(--v2-color-white);
    background-color: var(--v2-color-indigo);
    transition:
      background-color 0.2s ease,
      color 0.2s ease;

    &:hover:not(.disabled) {
      background-color: var(--v2-color-icterine);
      color: var(--v2-color-black);
    }
  }

  &.link {
    padding: 0;

    &:hover:not(.disabled) {
      color: var(--v2-color-black);
    }
  }

  &.full-width {
    width: 100%;
  }

  &.disabled {
    opacity: 50%;
    cursor: not-allowed;
  }
}
