/* 2026-10-21 user + Figma: ALL pill buttons (round arrow icon + text) use ONE spacing - Home hero "GET STARTED NOW"
   in Figma: icon box -> text box 15.98 and text box -> right edge 19.2 on web (3620:1028, 1440 frame; written in cqi so
   it scales with the web layout), 8.33 and 10.42 on phones (1363:796, px). The button is only as wide as its content,
   so a longer / shorter text keeps the same spacing. Every icon stays exactly where it was.
   (First version used the edge -> icon inset on the right; user changed it to the icon -> text gap the same day.)
   Generated from measurements (web 1440, phone 393) - the per-page lines are pages where the same button is styled
   differently. Loaded after every other stylesheet (functions.php, 'sold-buttons'). */

/* text = one line in normal flow (was absolutely positioned / fixed width in several buttons) */
html body .btn-get-started.btn-get-started.btn-get-started > .btn-label.btn-label.btn-label,
html body .btn-get-started.btn-get-started.btn-get-started > .btn-text-custom.btn-text-custom.btn-text-custom,
html body .services-all-btn.services-all-btn.services-all-btn > .btn-text.btn-text.btn-text,
html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill > .btn-text.btn-text.btn-text,
html body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights > .btn-text.btn-text.btn-text,
html body .btn-pre-footer.btn-pre-footer.btn-pre-footer > .btn-text.btn-text.btn-text,
html body .site-footer.site-footer.site-footer .btn-book-call.btn-book-call.btn-book-call > .btn-text.btn-text.btn-text,
html body .cs-card-btn.cs-card-btn.cs-card-btn > .cs-card-btn-text.cs-card-btn-text.cs-card-btn-text,
html body .ws-about-btn.ws-about-btn.ws-about-btn > .ws-btn-text.ws-btn-text.ws-btn-text,
html body .ws-founder-btn.ws-founder-btn.ws-founder-btn > .ws-btn-text.ws-btn-text.ws-btn-text,
html body .insights-hero-btn.insights-hero-btn.insights-hero-btn > .btn-text-custom.btn-text-custom.btn-text-custom,
html body .branding-hero-cta.branding-hero-cta.branding-hero-cta > .btn-text.btn-text.btn-text,
html body .sv-prod-cta.sv-prod-cta.sv-prod-cta > .sv-prod-cta-text.sv-prod-cta-text.sv-prod-cta-text {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* WEB + TABLET */
@media (min-width: 768px) {
  /* .btn-get-started - default: icon absolute */

  html body:not(.home-page-body) .btn-get-started.btn-get-started.btn-get-started {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body:not(.home-page-body) .btn-get-started.btn-get-started.btn-get-started > .btn-text-custom.btn-text-custom.btn-text-custom {
    margin: 0 1.3333cqi 0 calc(2.1381em + 1.1097cqi) !important;
  }

  /* .btn-get-started - home: icon in flow */

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started > :not(.btn-label.btn-label.btn-label) {
    margin-right: 0 !important;
  }

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started > .btn-label.btn-label.btn-label {
    margin: 0 1.3333cqi 0 1.1097cqi !important;
  }

  /* .services-all-btn - default: icon in flow */

  html body .services-all-btn.services-all-btn.services-all-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .services-all-btn.services-all-btn.services-all-btn > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body .services-all-btn.services-all-btn.services-all-btn > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 1.1097cqi !important;
  }

  /* .btn-read-more-pill - default: icon in flow */

  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill {
    display: inline-flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 1.1097cqi !important;
  }

  /* .btn-discover-now-insights - default: icon absolute */

  html body:not(.insights-details-page-body) .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body:not(.insights-details-page-body) .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 calc(2.2241em + 1.1097cqi) !important;
  }

  /* .btn-discover-now-insights - cost-of-ppc-real-estate-middle-east/: icon absolute */

  html body.insights-details-page-body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.insights-details-page-body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 calc(2.0964em + 1.1097cqi) !important;
  }

  /* .btn-pre-footer - default: icon in flow */

  html body:not(.branding-page-body) .btn-pre-footer.btn-pre-footer.btn-pre-footer {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body:not(.branding-page-body) .btn-pre-footer.btn-pre-footer.btn-pre-footer > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body:not(.branding-page-body) .btn-pre-footer.btn-pre-footer.btn-pre-footer > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 1.1097cqi !important;
  }

  /* .btn-pre-footer - real-estate-branding-design/: icon absolute */

  html body.branding-page-body .btn-pre-footer.btn-pre-footer.btn-pre-footer {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.branding-page-body .btn-pre-footer.btn-pre-footer.btn-pre-footer > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 calc(2.2038em + 1.1097cqi) !important;
  }

  /* .site-footer .btn-book-call - default: icon absolute */

  html body .site-footer.site-footer.site-footer .btn-book-call.btn-book-call.btn-book-call {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .site-footer.site-footer.site-footer .btn-book-call.btn-book-call.btn-book-call > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 calc(2.1394em + 1.1097cqi) !important;
  }

  /* .cs-card-btn - default: icon absolute */

  html body .cs-card-btn.cs-card-btn.cs-card-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .cs-card-btn.cs-card-btn.cs-card-btn > .cs-card-btn-text.cs-card-btn-text.cs-card-btn-text {
    margin: 0 1.3333cqi 0 calc(2.1988em + 1.1097cqi) !important;
  }

  /* .ws-about-btn - default: icon in flow */

  html body .ws-about-btn.ws-about-btn.ws-about-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .ws-about-btn.ws-about-btn.ws-about-btn > :not(.ws-btn-text.ws-btn-text.ws-btn-text) {
    margin-right: 0 !important;
  }

  html body .ws-about-btn.ws-about-btn.ws-about-btn > .ws-btn-text.ws-btn-text.ws-btn-text {
    margin: 0 1.3333cqi 0 1.1097cqi !important;
  }

  /* .ws-founder-btn - default: icon absolute */

  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn > .ws-btn-text.ws-btn-text.ws-btn-text {
    margin: 0 1.3333cqi 0 calc(2.1206em + 1.1097cqi) !important;
  }

  /* .insights-hero-btn - default: icon absolute */

  html body .insights-hero-btn.insights-hero-btn.insights-hero-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .insights-hero-btn.insights-hero-btn.insights-hero-btn > .btn-text-custom.btn-text-custom.btn-text-custom {
    margin: 0 1.3333cqi 0 calc(2.2em + 1.1097cqi) !important;
  }

  /* .branding-hero-cta - default: icon absolute */

  html body .branding-hero-cta.branding-hero-cta.branding-hero-cta {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .branding-hero-cta.branding-hero-cta.branding-hero-cta > .btn-text.btn-text.btn-text {
    margin: 0 1.3333cqi 0 calc(2.1356em + 1.1097cqi) !important;
  }

  /* .sv-prod-cta - default: icon absolute */

  html body .sv-prod-cta.sv-prod-cta.sv-prod-cta {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .sv-prod-cta.sv-prod-cta.sv-prod-cta > .sv-prod-cta-text.sv-prod-cta-text.sv-prod-cta-text {
    margin: 0 1.3333cqi 0 calc(2.3178em + 1.1097cqi) !important;
  }
}

/* WEB + TABLET: the Services / Why SOLD / Client Success hero buttons start on the description's left edge (878 at
   1440 = 60.9722cqi), as before the buttons became text-wide - they were pinned by their right edge, so a shorter label
   moved the button right (Client Success "FIND OUT MORE" 49px). */
@media (min-width: 768px) {
  html body .btn-get-started.btn-get-started.services-hero-btn,
  html body .btn-get-started.btn-get-started.client-success-hero-btn {
    left: 60.9722cqi !important;
    right: auto !important;
  }
}

/* PHONES */
@media (max-width: 767px) {
  /* .btn-get-started - default: icon absolute */

  html body:not(.home-page-body) .btn-get-started.btn-get-started.btn-get-started {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body:not(.home-page-body) .btn-get-started.btn-get-started.btn-get-started > .btn-text-custom.btn-text-custom.btn-text-custom {
    margin: 0 10.42px 0 calc(2.668em + 8.33px) !important;
  }

  /* .btn-get-started - home: icon in flow */

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started > :not(.btn-label.btn-label.btn-label) {
    margin-right: 0 !important;
  }

  html body.home-page-body .btn-get-started.btn-get-started.btn-get-started > .btn-label.btn-label.btn-label {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .services-all-btn - default: icon in flow */

  html body .services-all-btn.services-all-btn.services-all-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .services-all-btn.services-all-btn.services-all-btn > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body .services-all-btn.services-all-btn.services-all-btn > .btn-text.btn-text.btn-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .btn-read-more-pill - default: icon absolute */

  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill > .btn-text.btn-text.btn-text {
    margin: 0 12.42px 0 calc(2.5em + 8.33px) !important;
  }

  /* .btn-discover-now-insights - default: icon absolute */

  html body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights > .btn-text.btn-text.btn-text {
    margin: 0 12.42px 0 calc(2.3799em + 8.33px) !important;
  }

  /* .btn-pre-footer - default: icon in flow */

  html body .btn-pre-footer.btn-pre-footer.btn-pre-footer {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .btn-pre-footer.btn-pre-footer.btn-pre-footer > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body .btn-pre-footer.btn-pre-footer.btn-pre-footer > .btn-text.btn-text.btn-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .site-footer .btn-book-call - default: icon absolute */

  html body .site-footer.site-footer.site-footer .btn-book-call.btn-book-call.btn-book-call {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .site-footer.site-footer.site-footer .btn-book-call.btn-book-call.btn-book-call > .btn-text.btn-text.btn-text {
    margin: 0 10.42px 0 calc(2.4434em + 8.33px) !important;
  }

  /* .cs-card-btn - default: icon absolute */

  html body .cs-card-btn.cs-card-btn.cs-card-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body .cs-card-btn.cs-card-btn.cs-card-btn > .cs-card-btn-text.cs-card-btn-text.cs-card-btn-text {
    margin: 0 10.42px 0 calc(1.9524em + 8.33px) !important;
  }

  /* .ws-about-btn - default: icon in flow */

  html body .ws-about-btn.ws-about-btn.ws-about-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .ws-about-btn.ws-about-btn.ws-about-btn > :not(.ws-btn-text.ws-btn-text.ws-btn-text) {
    margin-right: 0 !important;
  }

  html body .ws-about-btn.ws-about-btn.ws-about-btn > .ws-btn-text.ws-btn-text.ws-btn-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .ws-founder-btn - default: icon in flow */

  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn > :not(.ws-btn-text.ws-btn-text.ws-btn-text) {
    margin-right: 0 !important;
  }

  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn > .ws-btn-text.ws-btn-text.ws-btn-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .branding-hero-cta - default: icon in flow */

  html body .branding-hero-cta.branding-hero-cta.branding-hero-cta {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .branding-hero-cta.branding-hero-cta.branding-hero-cta > :not(.btn-text.btn-text.btn-text) {
    margin-right: 0 !important;
  }

  html body .branding-hero-cta.branding-hero-cta.branding-hero-cta > .btn-text.btn-text.btn-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* .sv-prod-cta - default: icon in flow */

  html body .sv-prod-cta.sv-prod-cta.sv-prod-cta {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding-right: 0 !important;
  }

  html body .sv-prod-cta.sv-prod-cta.sv-prod-cta > :not(.sv-prod-cta-text.sv-prod-cta-text.sv-prod-cta-text) {
    margin-right: 0 !important;
  }

  html body .sv-prod-cta.sv-prod-cta.sv-prod-cta > .sv-prod-cta-text.sv-prod-cta-text.sv-prod-cta-text {
    margin: 0 10.42px 0 8.33px !important;
  }

  /* Services accordion "Read More": its 10px top padding (style.css) would push the centred text down */
  html body .btn-read-more-pill.btn-read-more-pill.btn-read-more-pill {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* blog post "Read More" stays hidden on phones (insights-details.css) */
  html body.insights-details-page-body .btn-discover-now-insights.btn-discover-now-insights.btn-discover-now-insights {
    display: none !important;
  }

  /* Why SOLD "Get in touch" (both): the icon's 10.2px inset at 393 came from centring inside a fixed width - now padding */
  html body .ws-about-btn.ws-about-btn.ws-about-btn,
  html body .ws-founder-btn.ws-founder-btn.ws-founder-btn {
    padding-left: 2.5954vw !important;
  }
}