:root{--primary-color:#23b279}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.heading{position:relative}.heading:after,.heading:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.6rem 1.1rem;width:calc(100% + 3px);height:calc(100% + 3px);background-color:var(--primary-color);background-image:conic-gradient(from var(--angle),#23b279 0deg,#ffffff 90deg,#ffffff 180deg,#23b279 1turn);border-radius:1.5rem;z-index:-1;animation:spin 4s linear infinite}@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}