.btn {
    border-radius: 10px;
    text-align: center;
    letter-spacing: -0.28px;
    padding: 10px 8px;
}

.btn-lg {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.btn-md {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.btn-sm {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.btn-dark {
    color: #FFFFFF;
    background: #000000;
    border-color: #000000;
}
.btn-dark-disable:hover {
    background: #000000cf;
    border-color: #000000cf;
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-cpay {
    color: #fff;
    background-color: #016FD0;
    border-color: #016FD0;
}

.btn-cpay:hover {
    color: #fff;
    background-color: #2688e3;
    border-color: #2688e3;
}

/* Style the buttons inside the tab */
.tab-links {
    border: 1px solid;
    padding: 3px 6px;
    border-radius: 1000px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab-links:hover {
    background: #016FD0;
    color: var(--Blacks-10, #FFF);
}

/* Create an active/current tablink class */
.tab-links.active {
    background: #016FD0;
    color: var(--Blacks-10, #FFF);
    border: 1px solid #016FD0;
}

.payment-method-link {
    transition: all 0.3s;
    cursor: pointer;
    /*height: 50px;*/
}

.payment-method-link:hover {
    .border {
        border-color: #016FD0;
    }
    .payment-method-title {
        color: #000000;
        font-weight: bold;
    }
    .payment-method-info {
        color: #016FD0;
    }
}

.payment-method-link.active {
    .border {
        border-color: #016FD0;
    }
    .payment-method-title {
        color: #000000;
        font-weight: bold;
    }

    .payment-method-info {
        color: #016FD0;
    }
}

/*@media (prefers-color-scheme: dark) {*/
/*    .btn-dark {*/
/*        color: #000000;*/
/*        background: #FFFFFF;*/
/*        border-color: #FFFFFF;*/
/*    }*/

/*    .btn-dark-disable:hover {*/
/*        background: #d9d9d9;*/
/*        border-color: #d9d9d9;*/
/*    }*/

/*    #placeOrderBtn:disabled:hover {*/
/*        background: #FFFFFF; !* Match the default disabled background color *!*/
/*        border-color: #FFFFFF; !* Match the default disabled border color *!*/
/*        cursor: auto; !* Prevent the pointer cursor *!*/
/*    }*/

/*    .tab-links.active {*/
/*        color: #E0E0E0;*/
/*    }*/

/*    !*.payment-method-link:hover {*!*/
/*    !*    .border {*!*/
/*    !*        border-color: #E0E0E0;*!*/
/*    !*    }*!*/
/*    !*    .payment-method-title {*!*/
/*    !*        color: #E0E0E0;*!*/
/*    !*        font-weight: bold;*!*/
/*    !*    }*!*/
/*    !*    .payment-method-info {*!*/
/*    !*        color: #E0E0E0;*!*/
/*    !*    }*!*/
/*    !*}*!*/

/*    !*.payment-method-link.active {*!*/
/*    !*    .border {*!*/
/*    !*        border-color: #ffffff;*!*/
/*    !*    }*!*/
/*    !*    .payment-method-title {*!*/
/*    !*        color: #ffffff;*!*/
/*    !*        font-weight: bold;*!*/
/*    !*    }*!*/
/*    !*    .payment-method-info {*!*/
/*    !*        color: #E0E0E0;*!*/
/*    !*    }*!*/
/*    !*}*!*/
/*}*/

@media (min-width: 1024px) {
    .lg\:tab-links {
        padding: 6px 12px;
    }
}