.polycarbonate-request-quote {
    display: inline-block;
    margin-left: 15px;
    padding: 0.5em 1.732em;
    line-height: 1.5;
    background-color: #fff;
    color: #4f0091;
    border: 1px solid #4f0091;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.polycarbonate-request-quote:hover,
.polycarbonate-request-quote:focus,
.polycarbonate-request-quote:active,
.polycarbonate-request-quote.touched {
    background-color: #4f0091;
    color: #fff;
}

@media (max-width: 900px) {
    /* Force add-to-cart area and request-quote button into a single column
       so other scripts that re-insert or restyle elements won't break stacking. */

    /* Make both buttons full-width and stacked */
    .woocommerce div.product .single_add_to_cart_button,
    .woocommerce div.product .single_add_to_cart_button.button,
    .polycarbonate-request-quote,
    a.button.alt.polycarbonate-request-quote {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 12px 0 0 !important;
        text-align: center !important;
        float: none !important;
        clear: both !important;
    }

    /* Make the product form/wrapper a vertical flow so buttons stack reliably */
    .woocommerce div.product form.cart,
    .woocommerce div.product .variations_button,
    .woocommerce div.product .single_variation_wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}