/* ==========================================================
   HASEEN TOOLS PREMIUM
   BUTTONS
========================================================== */

:root{
    --btn-radius:16px;
}

/* Default Buttons */

button,
.button,
.btn,
.wp-element-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.single_add_to_cart_button,
.checkout-button,
.wc-forward,
.wd-button-wrapper a{

    position:relative;
    overflow:hidden;

    background:linear-gradient(
        135deg,
        #F4B400 0%,
        #FFD54A 100%
    ) !important;

    color:#111 !important;

    border:none !important;

    border-radius:var(--btn-radius);

    font-weight:700;

    padding:14px 28px;

    transition:.35s ease;

    box-shadow:
    0 10px 25px rgba(244,180,0,.28);

}

/* Hover */

button:hover,
.button:hover,
.btn:hover,
.wp-element-button:hover,
input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-forward:hover,
.wd-button-wrapper a:hover{

    transform:
    translateY(-4px);

    box-shadow:

    0 18px 45px rgba(244,180,0,.45),

    0 0 35px rgba(244,180,0,.22);

}

/* Click */

button:active,
.button:active{

    transform:scale(.97);

}

/* Shine Animation */

button::before,
.button::before,
.btn::before,
.single_add_to_cart_button::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.65),

        transparent

    );

    transform:skewX(-25deg);

}

button:hover::before,
.button:hover::before,
.btn:hover::before,
.single_add_to_cart_button:hover::before{

    animation:shine .8s;

}

@keyframes shine{

    100%{

        left:150%;

    }

}

/* Secondary */

.button.alt,
.btn-style-link{

    background:#1b1c20 !important;

    color:#fff !important;

    border:1px solid rgba(255,255,255,.08) !important;

}

.button.alt:hover,
.btn-style-link:hover{

    border-color:#F4B400 !important;

}

/* Quantity */

.quantity input{

    border-radius:12px;

    background:#18191D;

    color:#fff;

}

/* Wishlist */

.wd-wishlist-btn,
.compare-btn{

    transition:.35s;

}

.wd-wishlist-btn:hover,
.compare-btn:hover{

    color:#F4B400;

    transform:scale(1.15);

}

/* Pagination */

.page-numbers{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    transition:.35s;

}

.page-numbers.current{

    background:#F4B400;

    color:#111;

}

.page-numbers:hover{

    transform:translateY(-4px);

}