{"version":3,"file":"PovioCta-dz2sNGS1.js","names":["Link","PovioCta","t0","$","_c","t1","undefined","label","t2","href","t3","external","t4","ariaLabel","t5","t6","t7","t8","Symbol","for","t9"],"sources":["../../src/components/features/povio/PovioCta.css","../../src/components/features/povio/PovioCta.tsx"],"sourcesContent":["@property --povio-cta-gradient-angle {\n  syntax: \"<angle>\";\n  initial-value: 0deg;\n  inherits: false;\n}\n\n@property --povio-cta-gradient-offset {\n  syntax: \"<angle>\";\n  initial-value: 0deg;\n  inherits: false;\n}\n\n@property --povio-cta-gradient-percent {\n  syntax: \"<percentage>\";\n  initial-value: 5%;\n  inherits: false;\n}\n\n@property --povio-cta-gradient-shine {\n  syntax: \"<color>\";\n  initial-value: #fff;\n  inherits: false;\n}\n\n.povio-cta-wrap {\n  display: inline-block;\n  position: relative;\n}\n\n.povio-cta {\n  --povio-cta-animation: povio-cta-gradient-angle linear infinite;\n  --povio-cta-duration: 3s;\n  --povio-cta-fill: var(--background);\n  --povio-cta-highlight: #083ca6;\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 1rem 1.5rem;\n  border: 1px solid transparent;\n  border-radius: 360px;\n  color: var(--foreground);\n  font-family: var(--font-regular);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: center;\n  text-decoration: none;\n  background:\n    linear-gradient(var(--povio-cta-fill), var(--povio-cta-fill)) padding-box,\n    conic-gradient(\n        from calc(var(--povio-cta-gradient-angle) - var(--povio-cta-gradient-offset)),\n        transparent,\n        var(--povio-cta-highlight) var(--povio-cta-gradient-percent),\n        var(--povio-cta-gradient-shine) calc(var(--povio-cta-gradient-percent) * 2),\n        var(--povio-cta-highlight) calc(var(--povio-cta-gradient-percent) * 3),\n        transparent calc(var(--povio-cta-gradient-percent) * 4)\n      )\n      border-box;\n  box-shadow: inset 0 0 0 1px var(--background);\n  transition:\n    border-color 400ms cubic-bezier(0.16, 1, 0.3, 1),\n    background-color 400ms cubic-bezier(0.16, 1, 0.3, 1),\n    color 400ms cubic-bezier(0.16, 1, 0.3, 1),\n    --povio-cta-gradient-offset 800ms cubic-bezier(0.25, 1, 0.5, 1),\n    --povio-cta-gradient-percent 800ms cubic-bezier(0.25, 1, 0.5, 1),\n    --povio-cta-gradient-shine 800ms cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.povio-cta::after {\n  --povio-cta-animation: povio-cta-shimmer linear infinite;\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: 100%;\n  aspect-ratio: 1;\n  background: linear-gradient(-50deg, transparent, var(--povio-cta-highlight), transparent);\n  mask-image: radial-gradient(circle at bottom, transparent 40%, black);\n  opacity: 0.6;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.povio-cta,\n.povio-cta::before,\n.povio-cta::after {\n  animation:\n    var(--povio-cta-animation) var(--povio-cta-duration),\n    var(--povio-cta-animation) calc(var(--povio-cta-duration) / 0.4) reverse paused;\n  animation-composition: add;\n}\n\n.povio-cta__icon {\n  flex: none;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0.19rem;\n}\n\n.povio-cta__text {\n  position: relative;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5rem;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .povio-cta-wrap:hover .povio-cta {\n    --povio-cta-gradient-percent: 20%;\n    --povio-cta-gradient-offset: 95deg;\n    --povio-cta-gradient-shine: rgb(220 220 220 / 20%);\n    color: var(--foreground);\n    box-shadow:\n      inset 0 -22px 48px rgb(8 60 166 / 70%),\n      inset 0 0 0 1px var(--background);\n    transition:\n      border-color 250ms cubic-bezier(0.16, 1, 0.3, 1),\n      background-color 250ms cubic-bezier(0.16, 1, 0.3, 1),\n      color 250ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .povio-cta-wrap:hover .povio-cta,\n  .povio-cta-wrap:hover .povio-cta::before,\n  .povio-cta-wrap:hover .povio-cta::after {\n    animation-play-state: running;\n  }\n}\n\n.povio-cta-wrap:focus-within .povio-cta {\n  --povio-cta-gradient-percent: 20%;\n  --povio-cta-gradient-offset: 95deg;\n  --povio-cta-gradient-shine: rgb(220 220 220 / 20%);\n}\n\n.povio-cta:active {\n  color: var(--foreground);\n  background:\n    linear-gradient(rgb(41 108 245 / 90%), rgb(41 108 245 / 90%)) padding-box,\n    linear-gradient(-119deg, #dcdcdc 0%, #083ca6 100%) border-box;\n  box-shadow: inset 0 -10px 16px 0 #083ca6;\n  transform: translateY(1px);\n  transition:\n    border-color 100ms cubic-bezier(0.16, 1, 0.3, 1),\n    background-color 100ms cubic-bezier(0.16, 1, 0.3, 1),\n    color 100ms cubic-bezier(0.16, 1, 0.3, 1),\n    --povio-cta-gradient-offset 800ms cubic-bezier(0.25, 1, 0.5, 1),\n    --povio-cta-gradient-percent 800ms cubic-bezier(0.25, 1, 0.5, 1),\n    --povio-cta-gradient-shine 800ms cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.povio-cta:active::after {\n  opacity: 0;\n  animation: none;\n}\n\n@keyframes povio-cta-gradient-angle {\n  to {\n    --povio-cta-gradient-angle: 360deg;\n  }\n}\n\n@keyframes povio-cta-shimmer {\n  to {\n    rotate: 360deg;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .povio-cta,\n  .povio-cta::before,\n  .povio-cta::after {\n    opacity: 1;\n    filter: none;\n    translate: none;\n    rotate: none;\n    animation: none;\n    transition: none;\n  }\n}\n","import { Link } from \"@povio/ui\";\n\nimport \"./PovioCta.css\";\n\nexport function PovioCta({\n  label = \"Let's Talk\",\n  href = \"https://povio.com/lets-talk\",\n  external = false,\n  ariaLabel,\n}: { label?: string; href?: string; external?: boolean; ariaLabel?: string } = {}) {\n  return (\n    <div className=\"povio-cta-wrap\">\n      <Link\n        href={href}\n        aria-label={ariaLabel}\n        target={external ? \"_blank\" : undefined}\n        rel={external ? \"noopener noreferrer\" : undefined}\n        className=\"povio-cta\"\n      >\n        <span className=\"povio-cta__text\">{label}</span>\n        <svg\n          aria-hidden=\"true\"\n          className=\"povio-cta__icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n        >\n          <path\n            d=\"M7.45468 12.5463L12.5458 7.45508M12.5458 7.45508H8.09108M12.5458 7.45508V11.9099M10 19C14.9705 19 19 14.9705 19 10C19 5.02944 14.9705 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9705 5.02944 19 10 19Z\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.35\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </Link>\n    </div>\n  );\n}\n"],"mappings":"iHCIA,SAAOC,EAAAC,EAAA,CAAA,IAAAC,GAAAA,EAAAC,EAAAA,EAAAA,CAAA,EAAA,EAAAC,EAAAF,EAAA,KAAAD,EAK0EG,EAAAF,EAAA,IALxDE,EAAAH,IAAAI,IAAAA,GAAA,CAKuD,EALvDJ,EAKwDC,EAAA,GAAAD,EAAAC,EAAA,GAAAE,GALxD,GAAA,CAAAE,MAAAC,EAAAC,KAAAC,EAAAC,SAAAC,EAAAC,aAAAR,EACvBE,EAAAC,IAAAF,IAAAA,GAAA,aAAAE,EACAC,EAAAC,IAAAJ,IAAAA,GAAA,8BAAAI,EACAC,EAAAC,IAAAN,IAAAA,IAAAM,EAQcE,EAAAH,EAAA,SAAAL,IAAAA,GACHS,EAAAJ,EAAA,sBAAAL,IAAAA,GAA4CU,EAAAb,EAAA,KAAAI,EAGDS,EAAAb,EAAA,IAAhDa,GAAA,EAAA,EAAA,IAAA,CAAA,OAAA,CAAgB,UAAA,kBAAmBT,SAAAA,CAAa,CAAA,EAAAJ,EAAA,GAAAI,EAAAJ,EAAA,GAAAa,GAAA,IAAAC,EAAAd,EAAA,KAAAe,OAAAC,IAAA,2BAAA,GAChDF,GAAA,EAAA,EAAA,IAAA,CAAA,MAAA,CACc,cAAA,OACF,UAAA,kBACJ,MAAA,KACC,OAAA,KACC,QAAA,YACH,KAAA,OAEL,UAAA,EAAA,EAAA,IAAA,CAAA,OAAA,CACI,EAAA,oMACK,OAAA,eACK,YAAA,OACE,cAAA,QACC,eAAA,OAAO,CAAA,CAEpB,CAAA,EAAAd,EAAA,GAAAc,GAAAA,EAAAd,EAAA,GAAA,IAAAiB,EAEJ,OAFIjB,EAAA,KAAAU,GAAAV,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,KAAAa,GAxBVI,GAAA,EAAA,EAAA,IAAA,CAAA,MAAA,CAAe,UAAA,iBACb,UAAA,EAAA,EAAA,KAAA,CAAC,EAAD,CACQX,OACMI,aAAAA,EACJ,OAAAC,EACH,IAAAC,EACK,UAAA,YALZ,SAAA,CAOEC,EACAC,CARG,GAyBD,CAAA,EAAAd,EAAA,GAAAU,EAAAV,EAAA,GAAAM,EAAAN,EAAA,GAAAW,EAAAX,EAAA,GAAAY,EAAAZ,EAAA,GAAAa,EAAAb,EAAA,IAAAiB,GAAAA,EAAAjB,EAAA,IA1BNiB,CA0BM"}