.bgbp-option-anchor {
position: relative !important;
}
.bgbp-pastilles-preview {
position: absolute;
left: 9px;
top: 50%;
transform: translateY(-50%);
z-index: 20;
display: flex;
flex-direction: column;
align-items: center;
width: 53px;
padding: 5px 3px;
border-radius: 30px;
background: #f9eef1;
pointer-events: none !important;
box-sizing: border-box;
}
.bgbp-pastilles-preview.is-pair .bgbp-pastille + .bgbp-pastille {
margin-top: -7px;
}
.bgbp-pastille {
box-sizing: border-box;
display: block;
flex: 0 0 47px;
width: 47px;
height: 47px;
border: 3px solid #fff9f7;
outline: 1.5px solid #9c4d69;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 0 0 1px rgba(130,50,79,0.12);
}
@media (max-width: 360px) {
.bgbp-pastilles-preview { left: 6px; width: 48px; }
.bgbp-pastille { width: 42px; height: 42px; flex-basis: 42px; }
}