/*=========================================
  Buttons
=========================================*/

/* Base Button */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:18px 34px;

    border:none;

    outline:none;

    border-radius:var(--radius-md);

    cursor:pointer;

    font-size:16px;

    font-weight:700;

    transition:var(--transition);

    white-space:nowrap;

}

/*==================
  Primary Button
==================*/

.btn-primary{

    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--secondary-dark)
    );

    color:#fff;

    box-shadow:
        0 15px 35px rgba(152,201,60,.30);

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:
        0 20px 45px rgba(152,201,60,.40);

}

/*==================
  Outline Button
==================*/

.btn-outline{

    background:#fff;

    color:var(--primary);

    border:2px solid var(--border);

}

.btn-outline:hover{

    border-color:var(--primary);

    background:#F8FAFC;

    transform:translateY(-3px);

}

/*==================
  Solid Blue
==================*/

.btn-blue{

    background:var(--primary);

    color:#fff;

}

.btn-blue:hover{

    background:var(--primary-light);

}

/*==================
  Small Button
==================*/

.btn-sm{

    padding:12px 24px;

    font-size:14px;

}

/*==================
  Large Button
==================*/

.btn-lg{

    padding:22px 42px;

    font-size:18px;

}

/*==================
  Rounded
==================*/

.btn-pill{

    border-radius:999px;

}

/*==================
  Disabled
==================*/

.btn:disabled{

    opacity:.6;

    cursor:not-allowed;

    transform:none;

}

/*==================
  Focus
==================*/

.btn:focus-visible{

    outline:3px solid rgba(46,63,143,.18);

    outline-offset:3px;

}