.woocan-variation-picker-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.variations select {
    display: none !important;
}
.variations .reset_variations {
    display: none !important;
}

.woocan-variation-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



.woocan-variation-buttons .variation-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.woocan-variation-buttons .variation-button {
    cursor: pointer;
    border: 0;
}
.woocan-variation-buttons .variation-button.selected {
    border: 2px solid #333;
}

.woocan-variation-buttons .text-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-width: 1px;
}

.woocan-variation-buttons .variation-button.thumbnail-button img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.variation-button.disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
}