/* The homepage header's orange CTA is the shared primary-button treatment. */
:is(
  a.bg-primary:where(:not(.home-hero-primary)),
  button.bg-primary,
  .community-button-orange,
  .vendor-action-primary,
  .event-register,
  .about-footer-join,
  .feedback-launcher,
  .feedback-submit,
  :where(.event-admin) button:not(.secondary, .remove, .feedback-close)
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  background: linear-gradient(180deg, #ff7b35, #ff5e1f 60%, #f25516);
  box-shadow:
    inset 0 1px 0 #ffffff59,
    inset 0 -1px 0 #b9360940,
    0 2px 2px #a93b1214,
    0 4px 8px #a93b1226;
  font-family: Figtree, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px #a3341626;
  cursor: pointer;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;

  &:hover:not(:disabled):not([aria-disabled='true']) {
    background: linear-gradient(180deg, #ff8847, #ff6b2c 60%, #f75f21);
    box-shadow:
      inset 0 1px 0 #ffffff70,
      inset 0 -1px 0 #b9360940,
      0 2px 3px #a93b1214,
      0 6px 12px #a93b122b;
    transform: translateY(-1px);
  }

  &:active:not(:disabled):not([aria-disabled='true']) {
    box-shadow:
      inset 0 1px 2px #b9360933,
      inset 0 -1px 0 #ffffff26,
      0 1px 2px #a93b1226;
    transform: translateY(1px);
  }

  &:focus-visible {
    outline: 2px solid #08777d;
    outline-offset: 4px;
  }

  &:disabled,
  &[aria-disabled='true'] {
    opacity: 0.6;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
    transition: none;
  }

  @media (prefers-reduced-motion: reduce) {
    &,
    &:hover,
    &:active {
      transition: none;
      transform: none;
    }
  }
}

@media (max-width: 639px) {
  :is(header a.bg-primary, .about-footer-join, .feedback-launcher) {
    padding: 8px 12px;
    font-size: 12px;
  }
}