.box-circle{--kpc-finale: var(--kpc-green);--kpc-sfondo: var(--kpc-secondary-alt-light);position:relative;padding:1.5rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.box-circle .circle{position:relative;width:250px;height:250px;background:conic-gradient(from 0deg, var(--kpc-finale) 0%, var(--kpc-finale) 0% var(--i), var(--kpc-sfondo) var(--i), var(--kpc-sfondo) 100%);border-radius:50%;border:0;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.box-circle .circle::before{content:"";position:absolute;inset:10px;background:var(--kpc-background);border-radius:50%}