/* --------------------------------------------------
PRIMARY BUTTON STYLE
Used for all main CTA buttons across the site.

Applies to:
• Divi buttons
• Gravity Forms buttons
• Any element using .pc-button

Designers should modify colors in :root variables
rather than editing this block directly.
-------------------------------------------------- */

.et_pb_button,
.pc-button,
body .gform_wrapper .gform_button {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;

  min-height: 44px;

  padding: 0.95em 1.45em !important;

  background: var(--pc-action);
  border: 2px solid var(--pc-action);

  border-radius: var(--pc-radius-pill);

  box-shadow: var(--pc-shadow-sm);

  color: #fff !important;

  font-family: var(--pc-font-heading);
  font-size: 0.98rem;
  font-weight: 700;

  line-height: 1.2;

  transition:
    transform var(--pc-transition),
    background var(--pc-transition),
    border-color var(--pc-transition),
    box-shadow var(--pc-transition);
}


/* --------------------------------------------------
BUTTON HOVER STATE
Adds slight lift and subtle shrink effect to
improve perceived responsiveness.
-------------------------------------------------- */

.et_pb_button:hover,
.pc-button:hover,
body .gform_wrapper .gform_button:hover {

  background: var(--pc-action-hover);
  border-color: var(--pc-action-hover);

  box-shadow: var(--pc-shadow-md);

  transform: translateY(-1px) scale(0.98);
}


/* --------------------------------------------------
GHOST BUTTON VARIANT
Used when a secondary button style is needed.

Example uses:
• Hero section secondary CTA
• Footer buttons
-------------------------------------------------- */

.pc-button--ghost {

  background: transparent;
  color: var(--pc-action) !important;

  border-color: var(--pc-action);

  box-shadow: none;
}

.pc-button--ghost:hover {

  background: rgba(184,115,51,0.08);

  border-color: var(--pc-action-hover);
}