@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.alert--bar-container{position:relative;background:#fff;border-radius:8px;padding:15px;margin:5px 0;text-align:center;font-size:16px;color:var(--primario)}@media screen and (max-width: 768px){.alert--bar-container{text-align:left}}.h--alert-bar .alert--bar-container:before,.h--alert-bar .alert-bar-container:after{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--alert-bar .alert--bar-btn{font-weight:var(--demi-bold);position:relative;background:-webkit-linear-gradient(90deg,rgba(44,39,193,1) 0%,rgba(255,13,88,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:underline}.h--alert-bar .alert--bar-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#2c27c1,#ff0d58)}
/*# sourceMappingURL=/cdn/shop/t/88/assets/h-alert-bar.css.map */