.numero {
position: relative;
z-index: 2;
width: 100%;
}
.numero div {
position: absolute;
top: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--wp--preset--font-size--9);
font-weight: 600;
line-height: 1;
width: 120px;
height: 120px;
border-radius: 50%;
color: var(--wp--preset--color--custom-beige);
}
.numero.numero-right div {
right: 0;
transform: translateY(-50%) translateX(50%);
}
.numero.numero-left div {
left: 0;
transform: translateY(-50%) translateX(-50%);
}
.numero.numero-beige-clair div {
background-color: var(--wp--preset--color--custom-beige-clair);
}
.numero.numero-blanc div {
background-color: var(--wp--preset--color--custom-blanc);
}
@media (max-width: 1500px) {
.numero div {
width: 90px;
height: 90px;
}
}
@media (max-width: 768px) {
.numero div {
top: 0;
width: 80px;
height: 80px;
}
.numero.numero-right div {
right: 0;
transform: translateY(-25%) translateX(25%);
}
.numero.numero-left div {
left: 0;
transform: translateY(-25%) translateX(-25%);
}
}