/* ===============================
   CLOUDHOSTTY AIRPANEL FINAL
================================ */

body{
    background:#F8FBFF;
    font-family:'Poppins',sans-serif;
    color:#1E293B;
}

/* =========================
   GLASS NAVBAR
========================= */

.navbar-main{

    background:rgba(59,130,246,0.88) !important;

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border:none !important;

    box-shadow:
    0 8px 30px rgba(15,23,42,0.08);

    position:sticky;

    top:0;

    z-index:999;
}
/* PRIMARY BUTTON */

.btn-primary{
    background:#3B82F6 !important;
    border:none !important;
    border-radius:14px !important;
    font-weight:600 !important;
    padding:12px 22px !important;
    box-shadow:0 6px 18px rgba(59,130,246,0.18);
}

.btn-primary:hover{
    background:#2563EB !important;
}

/* PANELS */

.panel,
.client-home-panels .panel{
    background:#FFFFFF !important;
    border:none !important;
    border-radius:22px !important;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(15,23,42,0.05);
}

/* PANEL HEADINGS */

.panel-heading{
    background:#FFFFFF !important;
    border:none !important;
    font-size:18px !important;
    font-weight:700 !important;
    padding:22px 25px !important;
    color:#0F172A !important;
}

/* PANEL BODY */

.panel-body{
    padding:24px !important;
}

/* TABLE */

.table{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
}

/* LOGIN BOX */

.logincontainer{
    background:#FFFFFF;
    border-radius:28px;
    padding:42px;
    border:none;
    box-shadow:0 20px 50px rgba(59,130,246,0.10);
}

/* INPUTS */

.form-control{
    border-radius:14px !important;
    border:1px solid #CBD5E1 !important;
    height:50px !important;
    box-shadow:none !important;
}

.form-control:focus{
    border-color:#60A5FA !important;
    box-shadow:0 0 0 4px rgba(96,165,250,0.15) !important;
}

/* MOBILE */

@media(max-width:768px){

.logincontainer{
    padding:25px;
}

.panel,
.client-home-panels .panel{
    border-radius:18px !important;
}

}
/* =========================
   PREMIUM SIDEBAR
========================= */

.panel-sidebar{
    border:none !important;
    border-radius:22px !important;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,0.06);
    background:#FFFFFF !important;
}

/* Sidebar Heading */

.panel-sidebar > .panel-heading{
    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    ) !important;

    color:#FFFFFF !important;

    border:none !important;

    padding:18px 22px !important;

    font-size:16px !important;

    font-weight:700 !important;
}

/* Sidebar Body */

.panel-sidebar .list-group{
    background:#FFFFFF !important;
}

/* Sidebar Links */

.panel-sidebar .list-group-item{
    border:none !important;

    padding:14px 20px !important;

    font-weight:600;

    color:#334155 !important;

    transition:all 0.25s ease;

    background:#FFFFFF !important;
}

/* Hover */

.panel-sidebar .list-group-item:hover{
    background:#EFF6FF !important;

    color:#3B82F6 !important;

    padding-left:26px !important;
}

/* Active Item */

.panel-sidebar .list-group-item.active{
    background:#3B82F6 !important;

    color:#FFFFFF !important;
}

/* Icons */

.panel-sidebar .list-group-item i{
    margin-right:10px;
}

/* Sidebar spacing */

.sidebar{
    margin-top:10px;
}
.panel-sidebar > .panel-heading a,
.panel-sidebar > .panel-heading span,
.panel-sidebar > .panel-heading h3{
    color:#FFFFFF !important;
}
/* =========================
   DASHBOARD ACTION CARDS
========================= */

.airpanel-actions{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

    margin-bottom:35px;
}

/* Card */

.airpanel-card{

    background:#FFFFFF;

    border-radius:24px;

    padding:30px;

    text-decoration:none !important;

    box-shadow:0 10px 30px rgba(15,23,42,0.06);

    transition:all 0.3s ease;

    display:block;
}

/* Hover */

.airpanel-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(59,130,246,0.12);
}

/* Icon */

.airpanel-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:20px;
}

/* Title */

.airpanel-card h3{

    color:#0F172A;

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;
}

/* Text */

.airpanel-card p{

    color:#64748B;

    margin:0;
}

/* MOBILE */

@media(max-width:768px){

.airpanel-actions{

    grid-template-columns:1fr;
}

}
/* =========================
   LOGIN PAGE BACKGROUND
========================= */

.logincontainer{

    position:relative;

    z-index:2;
}

/* Full Background */

body{

    background:
    radial-gradient(
        circle at top left,
        rgba(59,130,246,0.10),
        transparent 30%
    ),

    radial-gradient(
        circle at bottom right,
        rgba(96,165,250,0.12),
        transparent 30%
    ),

    #F8FBFF !important;
}

/* Login Wrapper */

.logincontainer{

    background:#FFFFFF;

    border-radius:30px;

    padding:40px;

    box-shadow:
    0 20px 50px rgba(59,130,246,0.10);

    border:1px solid rgba(255,255,255,0.5);
}
/* =========================
   SMOOTH PREMIUM EFFECTS
========================= */

/* Smooth transitions */

*{
    transition:
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Panels hover */

.panel:hover,
.client-home-panels .panel:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 40px rgba(59,130,246,0.10);
}

/* Buttons hover */

.btn-primary:hover{

    transform:translateY(-2px);

    box-shadow:
    0 12px 30px rgba(59,130,246,0.20);
}

/* Sidebar links */

.panel-sidebar .list-group-item:hover{

    padding-left:24px !important;
}

/* Tables */

.table tr:hover{

    background:#F8FBFF;
}
/* =========================
   CUSTOM HOMEPAGE
========================= */

.airpanel-home{

    padding:60px 20px;
}

/* HERO */

.airpanel-home-hero{

    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    );

    border-radius:32px;

    padding:80px 50px;

    text-align:center;

    color:#fff;

    margin-bottom:40px;
}

.airpanel-home-hero h1{

    font-size:52px;

    font-weight:700;

    margin-bottom:20px;
}

.airpanel-home-hero p{

    font-size:20px;

    max-width:700px;

    margin:auto;

    opacity:0.95;

    margin-bottom:30px;
}

/* BUTTONS */

.airpanel-home-buttons .btn{

    margin:0 10px;

    min-width:180px;
}

/* GRID */

.airpanel-home-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

/* CARD */

.airpanel-home-card{

    background:#FFFFFF;

    border-radius:24px;

    padding:35px;

    text-align:center;

    text-decoration:none !important;

    box-shadow:0 10px 30px rgba(15,23,42,0.06);

    transition:0.3s ease;
}

.airpanel-home-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(59,130,246,0.12);
}

/* ICON */

.airpanel-home-card .icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:22px;

    border-radius:24px;

    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:38px;

    color:#FFFFFF;

    line-height:1;
}

/* TEXT */

.airpanel-home-card h3{

    color:#0F172A;

    font-size:24px;

    font-weight:700;

    margin-bottom:10px;
}

.airpanel-home-card p{

    color:#64748B;

    margin:0;
}

/* MOBILE */

@media(max-width:768px){

.airpanel-home-hero{

    padding:50px 25px;
}

.airpanel-home-hero h1{

    font-size:36px;
}

.airpanel-home-grid{

    grid-template-columns:1fr;
}

.airpanel-home-buttons .btn{

    display:block;

    margin:10px 0;
}

}
/* =========================
   HOMEPAGE STATS
========================= */

.airpanel-stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-bottom:40px;
}

/* Stat Box */

.airpanel-stat{

    background:#FFFFFF;

    border-radius:22px;

    padding:30px;

    text-align:center;

    box-shadow:0 10px 30px rgba(15,23,42,0.06);
}

/* Number */

.airpanel-stat h3{

    font-size:36px;

    font-weight:700;

    color:#3B82F6;

    margin-bottom:10px;
}

/* Text */

.airpanel-stat p{

    color:#64748B;

    margin:0;

    font-weight:500;
}

/* MOBILE */

@media(max-width:768px){

.airpanel-stats{

    grid-template-columns:repeat(2,1fr);
}

}
/* =========================
   FEATURES SECTION
========================= */

.airpanel-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:40px;
}

/* Feature Box */

.airpanel-feature{

    background:#FFFFFF;

    border-radius:24px;

    padding:35px;

    text-align:center;

    box-shadow:0 10px 30px rgba(15,23,42,0.06);

    transition:0.3s ease;
}

/* Hover */

.airpanel-feature:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(59,130,246,0.12);
}

/* Icon */

.feature-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:22px;

    border-radius:24px;

    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;
}

/* Title */

.airpanel-feature h3{

    font-size:24px;

    font-weight:700;

    color:#0F172A;

    margin-bottom:12px;
}

/* Text */

.airpanel-feature p{

    color:#64748B;

    margin:0;
}

/* MOBILE */

@media(max-width:768px){

.airpanel-features{

    grid-template-columns:1fr;
}

}
/* =========================
   PREMIUM FOOTER
========================= */

.airpanel-footer{

    margin-top:60px;

    background:#FFFFFF;

    border-top:1px solid #E5E7EB;
}

/* Container */

.airpanel-footer-container{

    max-width:1400px;

    margin:auto;

    padding:50px 20px;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    flex-wrap:wrap;

    gap:30px;
}

/* Left */

.airpanel-footer-left h3{

    font-size:28px;

    font-weight:700;

    color:#3B82F6;

    margin-bottom:12px;
}

.airpanel-footer-left p{

    color:#64748B;

    max-width:350px;

    margin:0;
}

/* Links */

.airpanel-footer-links{

    display:flex;

    flex-wrap:wrap;

    gap:20px;
}

.airpanel-footer-links a{

    color:#334155;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.airpanel-footer-links a:hover{

    color:#3B82F6;
}

/* Bottom */

.airpanel-footer-bottom{

    border-top:1px solid #E5E7EB;

    text-align:center;

    padding:20px;

    color:#64748B;

    font-size:14px;
}

/* MOBILE */

@media(max-width:768px){

.airpanel-footer-container{

    flex-direction:column;

    text-align:center;
}

.airpanel-footer-left p{

    margin:auto;
}

.airpanel-footer-links{

    justify-content:center;
}

}
/* =========================
   HERO WAVE EFFECT
========================= */

.airpanel-home-hero{

    position:relative;

    overflow:hidden;

    padding-bottom:120px !important;
}

/* Wave */

.airpanel-wave{

    position:absolute;

    bottom:-5px;

    left:0;

    width:100%;

    line-height:0;
}

.airpanel-wave svg{

    display:block;

    width:100%;

    height:90px;
}
/* =========================
   REMOVE DEFAULT TOP BANNER
========================= */

#home-banner{

    display:none !important;
}
/* =========================
   REMOVE WHMCS SHORTCUTS
========================= */

.home-shortcuts{

    display:none !important;
}
/* =========================
   PREMIUM SCROLLBAR
========================= */

::-webkit-scrollbar{

    width:10px;
}

/* Track */

::-webkit-scrollbar-track{

    background:#EFF6FF;
}

/* Thumb */

::-webkit-scrollbar-thumb{

    background:linear-gradient(
        135deg,
        #3B82F6,
        #60A5FA
    );

    border-radius:999px;
}

/* Hover */

::-webkit-scrollbar-thumb:hover{

    background:#2563EB;
}
/* ===================================
   DOMAIN HERO
=================================== */

.domain-checker-bg,
.domain-checker-container{

    background:none !important;

    border:none !important;

    box-shadow:none !important;

    padding:0 !important;
}

.cloudhostty-domain-hero{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6,
        #60A5FA
    ) !important;

    border-radius:32px !important;

    padding:50px !important;

    margin-bottom:40px !important;

    position:relative;

    overflow:hidden;
    min-height:145px;

display:flex;

align-items:center;

justify-content:center;
}

/* ===================================
   PREMIUM DOMAIN SEARCH
=================================== */

.cloudhostty-search-bar{

    width:900px !important;

    max-width:90% !important;

    margin:auto !important;

    background:#FFFFFF !important;

    border-radius:18px !important;

    padding:8px !important;

    display:flex !important;

    align-items:center !important;

    flex-wrap:nowrap !important;

    gap:10px !important;

    overflow:visible !important;

    box-shadow:
    0 15px 35px rgba(15,23,42,0.10) !important;
}

/* Input */

.cloudhostty-search-bar input{

    flex:1 !important;

    min-width:0 !important;

    width:auto !important;

    border:none !important;

    background:transparent !important;

    box-shadow:none !important;

    height:54px !important;

    font-size:17px !important;

    padding:0 18px !important;

    color:#0F172A !important;
}

/* Placeholder */

.cloudhostty-search-bar input::placeholder{

    color:#94A3B8 !important;
}

/* Button */

.cloudhostty-search-btn{

    width:120px !important;

    min-width:120px !important;

    height:54px !important;

    border:none !important;

    border-radius:14px !important;

    background:#1E40AF !important;

    color:#FFFFFF !important;

    font-size:16px !important;

    font-weight:600 !important;

    margin:0 !important;

    padding:0 !important;

    flex-shrink:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}

/* Hover */

.cloudhostty-search-btn:hover{

    background:#1D4ED8 !important;
}

/* ===================================
   FINAL DOMAIN SEARCH FIX
=================================== */

.cloudhostty-search-bar{

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    width:100% !important;

    max-width:900px !important;

    margin:0 auto !important;

    overflow:hidden !important;

    border-radius:18px !important;
}

.cloudhostty-domain-input{

    width:780px !important;

    min-width:780px !important;

    max-width:780px !important;

    height:56px !important;

    border:none !important;

    background:#fff !important;

    padding:0 22px !important;

    font-size:18px !important;

    border-radius:18px 0 0 18px !important;

    outline:none !important;

    flex:none !important;
}

.cloudhostty-search-btn{

    width:70px !important;

    height:52px !important;

    background:#1D4ED8 !important;

    color:#fff !important;

    border:none !important;

    border-radius:14px !important;

    font-weight:600 !important;

    margin-left:12px !important;

    position:static !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}
.cloudhostty-input-wrap{

    width:780px !important;

    max-width:100% !important;

    display:flex !important;

    align-items:center !important;

    background:#fff !important;

    border-radius:18px !important;

    padding:8px !important;
}

.cloudhostty-domain-input{

    flex:1 !important;

    width:100% !important;

    min-width:0 !important;

    border:none !important;

    height:56px !important;

    background:transparent !important;
}

.cloudhostty-search-btn{

    width:120px !important;

    min-width:120px !important;

    margin-left:10px !important;
}
.domain-pricing,
.tld-filters,
.tld-pricing-table,
#tldCategoryContainer{

    display:none !important;
}
/* ===================================
   CLOUDHOSTTY HOSTING PLANS
=================================== */

.product{

    background:#fff !important;

    border:none !important;

    border-radius:24px !important;

    overflow:hidden !important;

    box-shadow:
    0 10px 35px rgba(15,23,42,0.08) !important;

    transition:0.35s ease !important;

    padding:0 !important;
}

/* Hover */

.product:hover{

    transform:translateY(-8px) !important;

    box-shadow:
    0 20px 50px rgba(37,99,235,0.18) !important;
}

/* Header */

.product header{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6,
        #60A5FA
    ) !important;

    color:#fff !important;

    text-align:center !important;

    padding:25px !important;

    border:none !important;
}

/* Title */

.product header h3{

    color:#fff !important;

    font-size:26px !important;

    font-weight:700 !important;
}

/* Pricing */

.product .pricing{

    background:#F8FAFC !important;

    padding:30px 20px !important;

    text-align:center !important;
}

.product .pricing .price{

    font-size:42px !important;

    font-weight:800 !important;

    color:#1E293B !important;
}

/* Features */

.product ul{

    padding:25px !important;

    margin:0 !important;
}

.product ul li{

    list-style:none !important;

    padding:12px 0 !important;

    border-bottom:1px solid #E2E8F0 !important;

    color:#475569 !important;
}

/* Buttons */

.product footer{

    padding:25px !important;

    text-align:center !important;
}

.product footer .btn{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    ) !important;

    border:none !important;

    border-radius:14px !important;

    color:#fff !important;

    font-size:16px !important;

    font-weight:700 !important;

    padding:14px 28px !important;

    transition:0.3s ease !important;
}

.product footer .btn:hover{

    background:#1D4ED8 !important;

    transform:translateY(-2px) !important;
}
/* PLAN HOVER GLOW */

.product{

    transition:0.35s ease !important;
}

.product:hover{

    transform:translateY(-10px) scale(1.02) !important;

    box-shadow:
    0 25px 60px rgba(37,99,235,0.18) !important;
}

/* BUTTON PREMIUM */

.product footer .btn{

    width:100% !important;

    border-radius:16px !important;

    font-size:17px !important;

    padding:16px !important;
}

/* FEATURED PLAN */

/* MOST POPULAR ONLY PREMIUM PLAN */

.product:nth-child(3){

    border:2px solid #3B82F6 !important;

    position:relative !important;
}

.product:nth-child(3)::before{

    content:"MOST POPULAR";

    position:absolute;

    top:18px;

    right:-40px;

    background:#F59E0B;

    color:#fff;

    font-size:12px;

    font-weight:700;

    padding:8px 45px;

    transform:rotate(45deg);

    z-index:99;
}
}

.product:first-child::before{

    content:"MOST POPULAR";

    position:absolute;

    top:18px;

    right:-40px;

    background:#F59E0B;

    color:#fff;

    font-size:12px;

    font-weight:700;

    padding:8px 45px;

    transform:rotate(45deg);

    z-index:99;
}
/* PLAN TITLE WHITE */

.product header,
.product header h3{

    color:#FFFFFF !important;
}

/* BUTTON FIX */

.product footer .btn,
.product .btn{

    width:auto !important;

    min-width:120px !important;

    height:42px !important;

    padding:8px 16px !important;

    font-size:14px !important;

    border-radius:12px !important;
}
/* PRODUCT TITLE WHITE */

.product header h3,
.product .product-title,
.product-name{

    color:#FFFFFF !important;
}
/* FORCE WHITE PLAN TITLE */

.product header *,
.product header h3,
.product header h2,
.product header span,
.product .header,
.product .name{

    color:#FFFFFF !important;
}
/* EMAIL VERIFICATION BUTTON */

.alert .btn,
.verification-email .btn,
.btn-default{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6
    ) !important;

    color:#FFFFFF !important;

    border:none !important;

    border-radius:12px !important;

    font-weight:600 !important;

    padding:10px 18px !important;

    box-shadow:
    0 8px 20px rgba(37,99,235,0.18) !important;

    transition:0.3s ease !important;
}

/* Hover */

.alert .btn:hover,
.verification-email .btn:hover,
.btn-default:hover{

    background:#1D4ED8 !important;

    color:#FFFFFF !important;

    transform:translateY(-2px) !important;
}
/* EXPLORE PACKAGES NOW BUTTON */

a.btn.btn-warning,
.btn-warning{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6,
        #60A5FA
    ) !important;

    border:none !important;

    color:#FFFFFF !important;

    border-radius:14px !important;

    font-weight:600 !important;

    padding:10px 20px !important;

    box-shadow:
    0 10px 25px rgba(37,99,235,0.18) !important;

    transition:0.3s ease !important;
}

/* Hover */

a.btn.btn-warning:hover,
.btn-warning:hover{

    background:#1D4ED8 !important;

    color:#FFFFFF !important;

    transform:translateY(-2px) !important;
}
/* HIDE ANNOUNCEMENTS MENU */

li[menuitemname="Announcements"]{

    display:none !important;
}
/* Open Ticket Editor Icons Simple */

#ticketReply .btn,
.ticket-reply .btn,
.markdown-editor .btn{

    background:#2563EB !important;

    border:none !important;

    border-radius:8px !important;

    width:38px !important;

    height:38px !important;

    padding:0 !important;

    box-shadow:none !important;
}

/* Preview button */

.markdown-editor .btn span{
    font-size:13px !important;
}

/* Hover */

#ticketReply .btn:hover,
.ticket-reply .btn:hover,
.markdown-editor .btn:hover{

    background:#1D4ED8 !important;
}
/* Open Ticket Message Toolbar Simple */

.markdown-editor .btn,
.md-editor .btn,
#ticketReply .btn{

    background:#F8FAFC !important;

    color:#334155 !important;

    border:1px solid #CBD5E1 !important;

    box-shadow:none !important;
}

/* Hover */

.markdown-editor .btn:hover,
.md-editor .btn:hover,
#ticketReply .btn:hover{

    background:#E2E8F0 !important;

    color:#0F172A !important;
}
/* My Invoice Top Bar Fix */

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
table.dataTable thead,
.listtable .header,
.dataTables_wrapper .dataTables_info{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6,
        #60A5FA
    ) !important;

    color:#FFFFFF !important;

    border:none !important;
}

/* LOGIN DOMAIN SEARCH SAME AS HOMEPAGE */

#frmProductDomain textarea{

    height:72px !important;

    min-height:72px !important;

    max-height:72px !important;

    border:none !important;

    border-radius:22px !important;

    background:#FFFFFF !important;

    padding:22px 26px !important;

    font-size:20px !important;

    line-height:28px !important;

    overflow:hidden !important;

    resize:none !important;

    box-shadow:none !important;

    outline:none !important;
}

/* Remove black border */

#frmProductDomain textarea:focus{

    border:none !important;

    outline:none !important;

    box-shadow:none !important;
}

/* CHECKOUT BUTTON CLOUDHOSTTY STYLE */

#orderSummary .btn-success,
#orderSummary .checkout-btn,
.view-cart-sidebar .btn-success{

    background:linear-gradient(
        135deg,
        #2563EB,
        #3B82F6,
        #60A5FA
    ) !important;

    border:none !important;

    color:#FFFFFF !important;

    border-radius:14px !important;

    font-weight:600 !important;

    height:52px !important;

    box-shadow:
    0 10px 25px rgba(37,99,235,0.25) !important;

    transition:0.3s ease !important;
}

/* HOVER */

#orderSummary .btn-success:hover,
#orderSummary .checkout-btn:hover,
.view-cart-sidebar .btn-success:hover{

    background:linear-gradient(
        135deg,
        #1D4ED8,
        #2563EB
    ) !important;

    transform:translateY(-2px);
}