:root{--primary-color:#23b279}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.heading{position:relative}.heading:after,.heading:before{content:"";background-color:var(--primary-color);background-image:conic-gradient(from var(--angle), #23b279 0deg, #fff 90deg, #fff 180deg, #23b279 360deg);z-index:-1;border-radius:1.5rem;width:calc(100% + 3px);height:calc(100% + 3px);padding:.6rem 1.1rem;animation:4s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{--angle:360deg;opacity:1}75%{--angle:0deg;opacity:1}75.1%{opacity:0}99.9%{opacity:0}to{--angle:360deg;opacity:1}}.heading:before{filter:blur(.2rem);opacity:.5}