:root {
  --ph-marketing-cta-primary-start: var(--ph-gold-button-start, #efb33e);
  --ph-marketing-cta-primary-mid: #f6c254;
  --ph-marketing-cta-primary-end: var(--ph-gold-button-end, #ffd072);
  --ph-marketing-cta-primary-border: var(--ph-gold-button-border, rgba(214, 150, 28, 0.68));
  --ph-marketing-cta-primary-shadow: var(--ph-gold-button-shadow, 0 14px 30px rgba(239, 179, 62, 0.32));
  --ph-marketing-cta-primary-shadow-hover: var(--ph-gold-button-shadow-hover, 0 14px 28px rgba(239, 179, 62, 0.3));
  --ph-marketing-cta-secondary-top: rgba(255, 255, 255, 0.98);
  --ph-marketing-cta-secondary-bottom: #eef5ff;
  --ph-marketing-cta-secondary-border: #bfd3f0;
  --ph-marketing-cta-secondary-border-hover: #8fb2e6;
  --ph-marketing-cta-secondary-text: #0f3f92;
  --ph-marketing-cta-secondary-text-hover: #0b326f;
  --ph-marketing-cta-secondary-shadow: 0 10px 22px rgba(15, 39, 65, 0.08);
  --ph-marketing-cta-secondary-shadow-hover: 0 14px 26px rgba(15, 39, 65, 0.12);
  --ph-marketing-cta-radius: 12px;
}

.ph-treatments-hero-actions,
.ph-labs-hero-actions,
.ph-blog-hero-actions,
.ph-blog-cta-actions,
.ph-sermo-actions,
body.page-peptide-therapy .ph-sermo-v5-actions,
body.page-peptide-therapy .ph-peptide-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
}

.ph-homepage-mirror .ph-labs-cta-actions > .ph-widget {
  margin-block-end: 0 !important;
}

.ph-homepage-mirror .ph-labs-cta-actions > .ph-widget .ph-button {
  width: 100%;
}

.ph-treatments-btn,
.ph-labs-btn,
.ph-blog-btn,
.ph-sermo-btn,
body.page-peptide-therapy .ph-sermo-v5-btn,
body.page-peptide-therapy .ph-peptide-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 14px 20px !important;
  border-radius: var(--ph-marketing-cta-radius) !important;
  border: 1px solid transparent !important;
  font: 700 16px/1 "Montserrat", sans-serif !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
  box-shadow: none;
}

.ph-treatments-btn:hover,
.ph-labs-btn:hover,
.ph-blog-btn:hover,
.ph-sermo-btn:hover,
body.page-peptide-therapy .ph-sermo-v5-btn:hover,
body.page-peptide-therapy .ph-peptide-btn:hover,
.ph-treatments-btn:focus-visible,
.ph-labs-btn:focus-visible,
.ph-blog-btn:focus-visible,
.ph-sermo-btn:focus-visible,
body.page-peptide-therapy .ph-sermo-v5-btn:focus-visible,
body.page-peptide-therapy .ph-peptide-btn:focus-visible {
  transform: translateY(-1px) !important;
}

.ph-treatments-btn-primary,
.ph-labs-btn-primary,
.ph-blog-btn-primary,
.ph-sermo-btn-primary,
body.page-peptide-therapy .ph-sermo-v5-btn-primary,
body.page-peptide-therapy .ph-peptide-btn-primary,
.ph-homepage-mirror .ph-labs-cta-primary .ph-button {
  background: linear-gradient(135deg, var(--ph-marketing-cta-primary-start) 0%, var(--ph-marketing-cta-primary-mid) 48%, var(--ph-marketing-cta-primary-end) 100%) !important;
  border-color: var(--ph-marketing-cta-primary-border) !important;
  color: var(--ph-gold-button-text, #1b2b3c) !important;
  fill: currentColor !important;
  box-shadow: var(--ph-marketing-cta-primary-shadow) !important;
}

.ph-treatments-btn-primary:hover,
.ph-labs-btn-primary:hover,
.ph-blog-btn-primary:hover,
.ph-sermo-btn-primary:hover,
body.page-peptide-therapy .ph-sermo-v5-btn-primary:hover,
body.page-peptide-therapy .ph-peptide-btn-primary:hover,
.ph-homepage-mirror .ph-labs-cta-primary .ph-button:hover,
.ph-treatments-btn-primary:focus-visible,
.ph-labs-btn-primary:focus-visible,
.ph-blog-btn-primary:focus-visible,
.ph-sermo-btn-primary:focus-visible,
body.page-peptide-therapy .ph-sermo-v5-btn-primary:focus-visible,
body.page-peptide-therapy .ph-peptide-btn-primary:focus-visible,
.ph-homepage-mirror .ph-labs-cta-primary .ph-button:focus-visible {
  background: linear-gradient(135deg, var(--ph-gold-button-start-hover, #f5c357) 0%, #ffd975 52%, var(--ph-gold-button-end-hover, #ffe08a) 100%) !important;
  border-color: var(--ph-gold-button-border-hover, rgba(214, 150, 28, 0.82)) !important;
  color: var(--ph-gold-button-text-hover, #17283a) !important;
  fill: currentColor !important;
  box-shadow: var(--ph-marketing-cta-primary-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

.ph-treatments-btn-secondary,
.ph-labs-btn-secondary,
.ph-blog-btn-secondary,
.ph-sermo-btn-secondary,
body.page-peptide-therapy .ph-sermo-v5-btn-secondary,
body.page-peptide-therapy .ph-peptide-btn-secondary,
.ph-homepage-mirror .ph-labs-cta-secondary .ph-button:not(.ph-cta-secondary) {
  background: linear-gradient(180deg, var(--ph-marketing-cta-secondary-top) 0%, var(--ph-marketing-cta-secondary-bottom) 100%) !important;
  border-color: var(--ph-marketing-cta-secondary-border) !important;
  color: var(--ph-marketing-cta-secondary-text) !important;
  fill: var(--ph-marketing-cta-secondary-text) !important;
  box-shadow: var(--ph-marketing-cta-secondary-shadow) !important;
  text-shadow: none !important;
}

.ph-treatments-btn-secondary:hover,
.ph-labs-btn-secondary:hover,
.ph-blog-btn-secondary:hover,
.ph-sermo-btn-secondary:hover,
body.page-peptide-therapy .ph-sermo-v5-btn-secondary:hover,
body.page-peptide-therapy .ph-peptide-btn-secondary:hover,
.ph-homepage-mirror .ph-labs-cta-secondary .ph-button:not(.ph-cta-secondary):hover,
.ph-treatments-btn-secondary:focus-visible,
.ph-labs-btn-secondary:focus-visible,
.ph-blog-btn-secondary:focus-visible,
.ph-sermo-btn-secondary:focus-visible,
body.page-peptide-therapy .ph-sermo-v5-btn-secondary:focus-visible,
body.page-peptide-therapy .ph-peptide-btn-secondary:focus-visible,
.ph-homepage-mirror .ph-labs-cta-secondary .ph-button:not(.ph-cta-secondary):focus-visible {
  background: linear-gradient(180deg, #ffffff 0%, #e4efff 100%) !important;
  border-color: var(--ph-marketing-cta-secondary-border-hover) !important;
  color: var(--ph-marketing-cta-secondary-text-hover) !important;
  fill: var(--ph-marketing-cta-secondary-text-hover) !important;
  box-shadow: var(--ph-marketing-cta-secondary-shadow-hover) !important;
}

.ph-homepage-mirror .ph-labs-cta-actions .ph-button .ph-button-content-wrapper,
.ph-homepage-mirror .ph-labs-cta-actions .ph-button .ph-button-text {
  color: inherit !important;
}

.ph-homepage-mirror .ph-labs-cta-actions .ph-button svg,
.ph-homepage-mirror .ph-labs-cta-actions .ph-button i {
  fill: currentColor !important;
  color: inherit !important;
}

@media (max-width: 767px) {
  .ph-treatments-hero-actions,
  .ph-labs-hero-actions,
  .ph-blog-hero-actions,
  .ph-blog-cta-actions,
  .ph-sermo-actions,
  body.page-peptide-therapy .ph-sermo-v5-actions,
  body.page-peptide-therapy .ph-peptide-actions {
    gap: 10px;
  }

  .ph-treatments-btn,
  .ph-labs-btn,
  .ph-blog-btn,
  .ph-sermo-btn,
  body.page-peptide-therapy .ph-sermo-v5-btn,
  body.page-peptide-therapy .ph-peptide-btn {
    width: 100%;
    min-height: 48px !important;
    padding: 12px 16px !important;
  }
}