#form-toast-container{
    position:fixed;
    top:24px;
    right:24px;
    z-index:99999;
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:420px;
    width:calc(100% - 32px);
}

.form-toast{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 16px;
    border-radius:16px;
    color:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
    transform:translateY(-10px);
    opacity:0;
    transition:all .25s ease;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.form-toast.show{
    transform:translateY(0);
    opacity:1;
}

.form-toast-success{
    background:linear-gradient(135deg,#0f766e,#14b8a6);
}

.form-toast-error{
    background:linear-gradient(135deg,#991b1b,#ef4444);
}

.form-toast-pending{
    background:linear-gradient(135deg,#1e3a8a,#3b82f6);
}

.form-toast-icon{
    font-size:20px;
    line-height:1;
    margin-top:1px;
}

.form-toast-content{
    flex:1;
    font-size:14px;
    line-height:1.45;
}

.form-toast-close{
    appearance:none;
    border:0;
    background:transparent;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    opacity:.9;
}

button.is-loading{
    pointer-events:none;
    opacity:.95;
}

.btn-spinner{
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:10px;
    vertical-align:middle;
    border:2px solid rgba(255,255,255,.35);
    border-top-color:#fff;
    border-radius:50%;
    animation:btn-spin .7s linear infinite;
}

@keyframes btn-spin{
    to{ transform:rotate(360deg); }
}

@media (max-width: 767px){
    #form-toast-container{
        top:14px;
        right:14px;
        left:14px;
        width:auto;
        max-width:none;
    }
}