/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.woocommerce .product .charls-wa-button {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
    padding-left: 40px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    width: 100%;
    font-size: 1rem !important;
    background: #39db84;
    border-radius: 0;
}

.woocommerce .product .charls-wa-button:hover {
    background: #000 !important;
}


.woocommerce .product .charls-wa-button svg {
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
    display: inline-block;
}