/* Aplicar a classe cta-avaliacao ao botão principal. Adaptar --cta-cor à marca. */
@property --cta-angulo{syntax:"<angle>";initial-value:0deg;inherits:false}
.cta-avaliacao{--cta-cor:#ccb775;--cta-luz:#fff4ce;position:relative;isolation:isolate;overflow:visible;border:1px solid var(--cta-cor);border-radius:8px;min-height:48px;animation:cta-pulso 3s ease-in-out infinite}
.cta-avaliacao::before{content:"";position:absolute;inset:-3px;border-radius:11px;padding:3px;background:conic-gradient(from var(--cta-angulo),transparent 0deg,transparent 225deg,var(--cta-cor) 275deg,var(--cta-luz) 310deg,transparent 350deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:cta-orbita 2.8s linear infinite}
@keyframes cta-orbita{to{--cta-angulo:360deg}}
@keyframes cta-pulso{0%,100%{box-shadow:0 0 20px color-mix(in srgb,var(--cta-cor) 20%,transparent)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--cta-cor) 40%,transparent)}}
.cta-avaliacao:disabled{animation:none}.cta-avaliacao:disabled::before{animation:none;opacity:.35}
@media(prefers-reduced-motion:reduce){.cta-avaliacao,.cta-avaliacao::before{animation:none}}