button,
input,
a {
  &.button {
    &:not(.add_to_cart_button, .wc-forward) {
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      padding: 14px 30px !important;
      font-size: var(--font-size-xs) !important;
      font-weight: 500;
      text-align: center;
      background-color: transparent !important;
      border: 1px solid var(--color-neutral-50) !important;
      border-radius: 30px !important;
      transition: background-color 0.3s ease;
      cursor: pointer;

      &:hover {
        background-color: var(--color-neutral-50) !important;
      }
    }

    &.button-primary {
      color: var(--color-white) !important;
      background-color: var(--color-primary-200) !important;

      &:hover {
        background-color: var(--color-secondary-200) !important;
      }
    }
  }
}