@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.h-cta{margin:50px auto}.h-cta .h-cta--content{margin:0 auto;display:flex;align-items:center;flex-direction:column;gap:30px;position:relative;background:#fff;border-radius:8px;padding:32px 24px}.h-cta .h-cta--content:before{content:"";position:absolute;top:-.1rem;right:-.1rem;bottom:-.1rem;left:-.1rem;z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--primario),var(--secundario),var(--acento),var(--secundario),var(--primario));border-radius:inherit;animation:rotation 20s linear infinite}.h-cta .h-cta--content h1{font-size:var(--font-xl);line-height:48px;color:var(--primario);font-weight:700;text-align:center}@media screen and (max-width: 768px){.h-cta .h-cta--content h1{font-size:32px;line-height:40px}}.h-cta .h-cta--content p{font-size:var(--font-s);line-height:24px;color:var(--primario);text-align:center}@media screen and (max-width: 768px){.h-cta .h-cta--content p{font-size:var(--font-1xs);line-height:20px}}@media screen and (max-width: 400px){.h-cta--content-btns{display:flex;flex-direction:column;gap:25px}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/h-calltoaction.css.map */