/* Tao Digital — "from" price link in a service page's hero (October 2026).
   Loaded only on the pages in App\View\Composers\Pricing::SERVICE_LINKS.
   It sits inside the hero's description paragraph, so the hero's own spacing is untouched. */
/* The wrapper is a block on its own line; the link inside is inline, so it follows the
   paragraph's own alignment: left on desktop, centred where the hero centres its text. */
.td-svc-price-wrap { display: block; margin-top: 28px; }
.td-svc-price {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  max-width: 100%;
  vertical-align: top;
  text-align: left;
  padding: 10px 10px 10px 20px;
  border: 1.5px solid rgba(23,183,200,0.55);
  border-radius: 999px;
  background: rgba(23,183,200,0.08);
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff !important;
  text-decoration: none !important;
  transition: border-color .15s ease, background .15s ease;
}
.td-svc-price strong { color: #48D734; font-weight: 700; }
.td-svc-price__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #48D734;
  color: #16321A;
  font-size: 14px;
  font-weight: 700;
  transition: background .15s ease;
}
.td-svc-price__cta svg { display: block; }
.td-svc-price:hover, .td-svc-price:focus-visible { border-color: #48D734; background: rgba(72,215,52,0.08); }
.td-svc-price:hover .td-svc-price__cta { background: #6DDF5D; }
.td-svc-price:focus-visible { outline: 2px solid #17B7C8; outline-offset: 3px; }
/* On a white section ([tao_pricing_link theme=light]). The price is a darker green, as
   #48D734 on white is only 1.9:1. */
.td-svc-price--light { color: #212235 !important; background: rgba(23,183,200,0.07); border-color: rgba(23,183,200,0.6); }
.td-svc-price--light strong { color: #237A16; }
.td-svc-price--light:hover, .td-svc-price--light:focus-visible { background: rgba(72,215,52,0.10); }

@media (max-width: 600px) {
  .td-svc-price { border-radius: 16px; padding: 14px 14px 14px 16px; font-size: 14.5px; }
}