@property --fill{syntax:"<percentage>";initial-value:0%;inherits:true}.outside{padding:3px;background:conic-gradient(rgb(19,230,146) var(--fill),transparent var(--fill));border-radius:100%;cursor:pointer;border:none;outline:none;--fill:0%;animation:fillAnim .8s ease-in-out forwards}@keyframes fillAnim{0%{--fill:50%}to{--fill:100%}}.btn{width:4rem;height:4rem;border-radius:50%;background:#de1111;display:flex;justify-content:center;align-items:center;position:relative}.btn i{transition:color .3s ease}.outside .btn i{color:white}