:root {
  --ph-marketing-cta-primary-start: #2a6bb2;
  --ph-marketing-cta-primary-mid: #1f5c97;
  --ph-marketing-cta-primary-end: #0f3f92;
  --ph-marketing-cta-primary-border: #12488f;
  --ph-marketing-cta-primary-shadow: 0 16px 32px rgba(15, 63, 146, 0.2);
  --ph-marketing-cta-primary-shadow-hover: 0 20px 38px rgba(15, 63, 146, 0.24);
  --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,
.ph-homepage-mirror .ph-labs-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
}

.ph-homepage-mirror .ph-labs-cta-actions > .ph-widget {
  flex: 1 1 220px;
  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,
.ph-homepage-mirror .ph-labs-cta-actions .ph-button {
  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-homepage-mirror .ph-labs-cta-actions .ph-button: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,
.ph-homepage-mirror .ph-labs-cta-actions .ph-button: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(180deg, var(--ph-marketing-cta-primary-start) 0%, var(--ph-marketing-cta-primary-mid) 52%, var(--ph-marketing-cta-primary-end) 100%) !important;
  border-color: var(--ph-marketing-cta-primary-border) !important;
  color: #ffffff !important;
  fill: #ffffff !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(180deg, #3477c0 0%, #2563a8 56%, #12488f 100%) !important;
  border-color: #12488f !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  box-shadow: var(--ph-marketing-cta-primary-shadow-hover) !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 {
  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: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: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,
  .ph-homepage-mirror .ph-labs-cta-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,
  .ph-homepage-mirror .ph-labs-cta-actions .ph-button {
    width: 100%;
    min-height: 48px !important;
    padding: 12px 16px !important;
  }

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