/* =========================================================
   POLLARD CAD BUTTON SYSTEM
========================================================= */


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


.btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:13px 28px;

    border-radius:8px;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    cursor:pointer;

    border:none;

    transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;

}





.btn:hover {

    transform:translateY(-2px);

}





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


.btn-primary {

    background:#2563eb;

    color:white;

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

}





.btn-primary:hover {

    background:#1d4ed8;

    color:white;

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

}







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


.btn-secondary {

    background:white;

    color:#2563eb;

    border:
    2px solid #2563eb;

}





.btn-secondary:hover {

    background:#2563eb;

    color:white;

}








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


.btn-dark {

    background:#0f172a;

    color:white;

}





.btn-dark:hover {

    background:#1e293b;

    color:white;

}








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


/*
   Special styling for the top navigation CTA.
   Keeps the quote button visible against the dark navbar.
*/


.nav .btn-primary {

    background:#2563eb;

    color:white;

    padding:
    11px 24px;

    border-radius:
    8px;

    font-weight:800;

    box-shadow:
    0 8px 18px rgba(37,99,235,.35);

}





.nav .btn-primary:hover {

    background:#1d4ed8;

    color:white;

    transform:
    translateY(-2px);

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

}







/* =========================================================
   HERO BUTTON GROUPS
========================================================= */


.hero .btn {

    margin-top:25px;

}








/* =========================================================
   CTA SECTIONS
========================================================= */


.highlight .btn {

    margin-top:25px;

}








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


.btn-small {

    padding:
    9px 18px;

    font-size:
    14px;

}








/* =========================================================
   MOBILE
========================================================= */


@media(max-width:600px){


.btn {

    width:auto;

    padding:
    12px 22px;

}



.nav .btn-primary {

    padding:
    11px 20px;

}


}