.periodi-di-impiego label {
display: inline-block;
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
transition: all .2s ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 1.6s;
animation-name: dot-anim;
border:solid 2px var(--cat-var, #91B508);
}
.periodi-di-impiego .radio-custom:checked + label {
background: var(--cat-var, #91B508);
}
[type="radio"].radio-custom {
display: none;
}
#periodi-impiego-container{
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: repeat(12, 1fr);
gap: 10px 1vw;
justify-content: space-between; padding: 5px 15px;
margin-bottom:40px;
}
#periodi-impiego-container .mese{
align-items: center;
justify-content: center;
text-align:center;
}
.periodi-di-impiego .nome{
position: relative;
margin-top: 10px;
text-align: center;
font-weight: 500; }
.periodi-di-impiego .nome a {
color:black!important;
font-size:14px;
}
@media screen and (max-width:768px){
.periodi-di-impiego label:after, #periodi-impiego-container label:before, .periodi-di-impiego label{
height:6vw;
width:6vw;
}
}