/* =============================================================================
   ProVAE CALL-TO-ACTION BUTTONS                        added 30 Aug 2026
   -----------------------------------------------------------------------------
   Markup comes from provae_cta_html() in functions.php. Do not hand-write
   button markup in a page, post or template - change it in that one function.

   The older class names on this site (.provae-btn, .pv-btn, .btn) are left
   alone here so nothing existing breaks. New CTAs use .provae-cta only.
   ========================================================================== */

.provae-cta {
  margin: 22px 0 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.provae-cta__btn {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}

.provae-cta__btn--primary {
  background: var(--brand, #0b4a7a);
  border-color: var(--brand, #0b4a7a);
  color: #fff;
}

.provae-cta__btn--primary:hover,
.provae-cta__btn--primary:focus {
  background: #08395e;
  border-color: #08395e;
  color: #fff;
}

.provae-cta__btn--secondary {
  background: #fff;
  border-color: var(--border, #d7dde4);
  color: var(--brand, #0b4a7a);
}

.provae-cta__btn--secondary:hover,
.provae-cta__btn--secondary:focus {
  background: #f2f6fa;
}

.provae-cta__btn:focus-visible {
  outline: 3px solid #7fb2dc;
  outline-offset: 2px;
}

/* The small line under the button. Carries the price and the scope, so that
   the button itself never has to shout the word FREE. */
.provae-cta__note {
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted, #5a6773);
}

@media (max-width: 600px) {
  .provae-cta__btn { display: block; width: 100%; text-align: center; }
  .provae-cta      { align-items: stretch; }
}