.fr-variation-group {

    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: start;

}

.fr-variation-group label {

    margin-right: 20px;
}

.fr-variation-buttons {

    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

.fr-variation-button {

    width: 32px;
    height: 32px;

    border-radius: 50%;

    border: 1px solid #ccc;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;

}

.fr-variation-button.active {

    border: 2px solid black;

}

.fr-variation-cart {
    display: flex;
    align-items: center;
}

.fr-variation-cart input:first-child {
    width: 80px !important;
}

.fr-add-to-cart {

    margin-top: 15px !important;
    width: calc(100% - 80px) !important;
    border-radius: 50px !important;
    height: 50px !important;
    margin-left: 25px !important;
    background-color: var( --e-global-color-accent ) !important;

}

.fr-add-to-cart-disabled{
background-color:#bfbfbf !important;
border:1px solid #adadad !important;
cursor:not-allowed;
position:relative;
}

.fr-tooltip{
position:absolute;
bottom:120%;
left:50%;
transform:translateX(-50%);
background:#000;
color:#fff;
padding:6px 10px;
font-size:12px;
border-radius:4px;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:opacity .2s;
}

.fr-add-to-cart-disabled:hover .fr-tooltip{
opacity:1;
}