/* ==========================================================================
   Component: Buttons v1.0
   Shared across all pages.
   ========================================================================== */
.btn{display:inline-block;padding:15px 30px;border-radius:5px;text-decoration:none;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;}
.btn-primary{background:var(--cta-500);color:var(--white);display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(242,68,5,0);}
.btn-primary:hover{background:var(--cta-600);transform:translateY(-4px);box-shadow:0 12px 24px rgba(242,68,5,.35);}
.btn-primary .btn-arrow{display:inline-flex;transition:transform .25s ease;}
.btn-primary:hover .btn-arrow{transform:translateX(4px);}

/* Outline (hero dark bg variant) */
.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5);}
.btn-outline:hover{border-color:var(--teal-300);color:var(--teal-300);box-shadow:0 0 0 4px rgba(111,217,224,.18);transform:none;background:transparent;}

/* Outline (dark bg - for pricing cards) */
.btn-outline-dark{text-align:center;padding:13px 20px;border:2px solid var(--gray-300);color:var(--navy-950);border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s,color .2s,border-color .2s;}
.btn-outline-dark:hover{background:var(--navy-950);color:var(--white);border-color:var(--navy-950);}

/* Navy filled */
.btn-navy{display:block;text-align:center;padding:13px 20px;background:var(--navy-950);color:var(--white);border:2px solid var(--navy-950);border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;}
.btn-navy:hover{background:var(--navy-800);box-shadow:0 10px 24px rgba(0,31,49,.25);transform:translateY(-2px);}

/* Enterprise teal */
.btn-enterprise{
    display:inline-flex;align-items:center;gap:10px;margin-top:32px;
    padding:15px 30px;background:var(--teal-500);color:var(--white);border:none;border-radius:10px;
    font-weight:700;font-size:1rem;text-decoration:none;
    box-shadow:0 6px 20px rgba(19,167,179,.3);
    transition:background .2s,transform .2s,box-shadow .2s;
}
.btn-enterprise:hover{background:#0FB8C5;transform:translateY(-3px);box-shadow:0 14px 32px rgba(19,167,179,.35);}
.btn-enterprise .btn-arrow{display:inline-flex;transition:transform .2s;font-size:1.1rem;}
.btn-enterprise:hover .btn-arrow{transform:translateX(4px);}

/* Price card button overrides */
.price-card .btn{text-align:center;justify-content:center;display:block;width:100%;border-radius:8px;}