/*=========================================================
PHIUM ESSENCE
BUTTONS
=========================================================*/


/*=========================================================
PRIMARY BUTTON
=========================================================*/

.phium-btn,
button,
input[type="submit"],
.wp-element-button,
.wp-block-button__link,
.ct-button,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.button,
.woocommerce button.button,
.woocommerce a.button{

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

    min-height:52px;
    padding:0 30px;

    background:var(--phium-primary);
    color:#fff !important;

    border:none;
    border-radius:50px;

    font-family:var(--font-body);
    font-size:15px;
    font-weight:600;
    letter-spacing:.4px;

    transition:all .35s ease;

    cursor:pointer;

}

.phium-btn:hover,
button:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.ct-button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover{

    background:var(--phium-primary-dark);
    color:#fff !important;

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(194,139,104,.35);

}


/*=========================================================
OUTLINE BUTTON
=========================================================*/

.phium-btn-outline{

    background:transparent;

    border:1px solid var(--phium-primary);

    color:var(--phium-primary);

}

.phium-btn-outline:hover{

    background:var(--phium-primary);

    color:#fff;

}


/*=========================================================
SMALL BUTTON
=========================================================*/

.phium-btn-sm{

    min-height:42px;

    padding:0 20px;

    font-size:14px;

}


/*=========================================================
LARGE BUTTON
=========================================================*/

.phium-btn-lg{

    min-height:60px;

    padding:0 40px;

    font-size:16px;

}


/*=========================================================
WOOCOMMERCE BUTTONS
=========================================================*/

.woocommerce a.button{

    width:100%;

}

.single_add_to_cart_button{

    min-width:220px;

}


/*=========================================================
QUANTITY BUTTONS
=========================================================*/

.quantity input{

    border-radius:8px;

}


/*=========================================================
DISABLED
=========================================================*/

button:disabled,
.button:disabled{

    opacity:.5;

    cursor:not-allowed;

}


/*=========================================================
FOCUS
=========================================================*/

button:focus,
.button:focus,
input[type="submit"]:focus{

    outline:none;

    box-shadow:0 0 0 3px rgba(194,139,104,.25);

}