/* Official 10.5 additive button utilities; current global styles preserved. */
.btn-glass {
    background: rgba(255, 255, 255, .15) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .25) !important;
    color: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.btn-glass:hover {
    background: rgba(255, 255, 255, .25) !important;
    border-color: rgba(255, 255, 255, .4) !important;
    -webkit-box-shadow: 0 6px 22px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 22px rgba(0, 0, 0, .15);
    color: #fff
}

.btn-glass.btn-glass-dark {
    background: rgba(0, 0, 0, .12) !important;
    border-color: rgba(0, 0, 0, .12) !important;
    color: #2d3039
}

.btn-glass.btn-glass-dark:hover {
    background: rgba(0, 0, 0, .18) !important;
    border-color: rgba(0, 0, 0, .2) !important
}

.btn-gradient {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    border: none !important;
    color: #fff !important;
    -webkit-box-shadow: 0 4px 16px rgba(102, 126, 234, .4);
    box-shadow: 0 4px 16px rgba(102, 126, 234, .4);
    font-weight: 600
}

.btn-gradient:hover {
    -webkit-box-shadow: 0 6px 24px rgba(102, 126, 234, .5);
    box-shadow: 0 6px 24px rgba(102, 126, 234, .5);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.btn-glow {
    border-width: 2px;
    -webkit-animation: btnGlowPulse 2s ease-in-out infinite;
    animation: btnGlowPulse 2s ease-in-out infinite
}

.btn-glow.btn-glow-primary {
    border-color: #3b6ff5;
    color: #3b6ff5;
    -webkit-box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1);
    box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1)
}

.btn-glow.btn-glow-primary:hover {
    background: #3b6ff5;
    color: #fff;
    -webkit-box-shadow: 0 0 28px rgba(59, 111, 245, .5), inset 0 0 18px rgba(255, 255, 255, .15);
    box-shadow: 0 0 28px rgba(59, 111, 245, .5), inset 0 0 18px rgba(255, 255, 255, .15)
}

.btn-glow.btn-glow-success {
    border-color: #10b981;
    color: #10b981;
    -webkit-box-shadow: 0 0 12px rgba(16, 185, 129, .3), inset 0 0 12px rgba(16, 185, 129, .1);
    box-shadow: 0 0 12px rgba(16, 185, 129, .3), inset 0 0 12px rgba(16, 185, 129, .1)
}

.btn-glow.btn-glow-success:hover {
    background: #10b981;
    color: #fff;
    -webkit-box-shadow: 0 0 28px rgba(16, 185, 129, .5), inset 0 0 18px rgba(255, 255, 255, .15);
    box-shadow: 0 0 28px rgba(16, 185, 129, .5), inset 0 0 18px rgba(255, 255, 255, .15)
}

@-webkit-keyframes btnGlowPulse {

    0%,
    100% {
        -webkit-box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1);
        box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 22px rgba(59, 111, 245, .5), inset 0 0 18px rgba(59, 111, 245, .15);
        box-shadow: 0 0 22px rgba(59, 111, 245, .5), inset 0 0 18px rgba(59, 111, 245, .15)
    }
}

@keyframes btnGlowPulse {

    0%,
    100% {
        -webkit-box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1);
        box-shadow: 0 0 12px rgba(59, 111, 245, .3), inset 0 0 12px rgba(59, 111, 245, .1)
    }

    50% {
        -webkit-box-shadow: 0 0 22px rgba(59, 111, 245, .5), inset 0 0 18px rgba(59, 111, 245, .15);
        box-shadow: 0 0 22px rgba(59, 111, 245, .5), inset 0 0 18px rgba(59, 111, 245, .15)
    }
}
