.breakdance-woocommerce table.variations select {
    background-color: #fffff0 !important;

    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(100% - 18px),
    calc(100% - 15px) calc(100% - 18px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px calc(100% - 12px);
  background-repeat: no-repeat;
}


/**
 * Buy Button
 */
 a.custom-checkout-btn {
    margin: 0px !important;
}
a.custom-checkout-btn {
    background: "#000" !important;
    transition: 0.4s filter ease; 
}
a.custom-checkout-btn:hover {
    filter: saturate(2);
}


.single_add_to_cart_button.button.alt {
    flex: 1;
}


/* Remove reset variation button*/
a.reset_variations {
    display: none !important;
}


.single_variation_wrap .woocommerce-variation.single_variation {
    display: none !important;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    flex-direction: row-reverse;
}


/**
 * Dropdowns
 */
 toggle-tab.toggle {
    border-bottom: 1px solid #ddd;
    width: 100%;
}

toggle-tab.toggle .toggle__title {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

toggle-tab.toggle .toggle__icon--minus {
    display: none; /* Initially hide the minus icon */
}

.toggle__content {
    overflow: hidden;
    max-height: 0;               /* This collapses the content initially */
    transition: max-height 0.4s ease-in-out;  /* The transition effect */
}

.toggle__content.expanded {
    max-height: 1000px;  /* Set a max-height that's larger than your expected content height */
}