/*==================================================
BUTTON
==================================================*/

.sidv-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.7rem;

    min-width:150px;

    height:50px;

    padding:0 1.8rem;

    border:none;

    border-radius:999px;

    font-weight:700;

    font-size:.95rem;

    text-decoration:none;

    cursor:pointer;

    transition:

        background .25s,

        color .25s,

        transform .20s,

        box-shadow .25s;

    user-select:none;

    white-space:nowrap;

}

.sidv-button:hover{

    transform:translateY(-2px);

}

.sidv-button:active{

    transform:translateY(1px);

}

.sidv-button:focus-visible{

    outline:3px solid rgba(37,99,235,.35);

    outline-offset:3px;

}

/*=========================
ICON
=========================*/

.sidv-button__icon{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1rem;

}

/*=========================
SIZES
=========================*/

.sidv-button--sm{

    height:42px;

    min-width:auto;

    padding:0 1.2rem;

    font-size:.85rem;

}

.sidv-button--lg{

    height:58px;

    padding:0 2.4rem;

    font-size:1rem;

}

/*=========================
PRIMARY
=========================*/

.sidv-button--primary{

    background:#FF9800;

    color:#fff;

    box-shadow:0 12px 28px rgba(255,152,0,.30);

}

.sidv-button--primary:hover{

    background:#F18A00;

}

/*=========================
SECONDARY
=========================*/

.sidv-button--secondary{

    background:#2563EB;

    color:#fff;

    box-shadow:0 12px 28px rgba(37,99,235,.25);

}

.sidv-button--secondary:hover{

    background:#1D4ED8;

}

/*=========================
SUCCESS
=========================*/

.sidv-button--success{

    background:#25D366;

    color:#fff;

    box-shadow:0 12px 28px rgba(37,211,102,.25);

}

.sidv-button--success:hover{

    background:#1EBE5A;

}

/*=========================
OUTLINE
=========================*/

.sidv-button--outline{

    border:2px solid #2563EB;

    color:#2563EB;

    background:#fff;

}

.sidv-button--outline:hover{

    background:#2563EB;

    color:#fff;

}

/*=========================
GHOST
=========================*/

.sidv-button--ghost{

    background:transparent;

    color:#0D2137;

}

.sidv-button--ghost:hover{

    background:#EEF3F8;

}

/*=========================
DISABLED
=========================*/

.sidv-button.is-disabled,

.sidv-button:disabled{

    opacity:.45;

    pointer-events:none;

}