/* ===================================================== PINNACLE AUDIOLOGY ยท TILE BUTTONS (site-wide override) Matches the floating contact stickies: rounded-16 tiles, dark glass / Pinnacle orange, condensed uppercase labels. Load AFTER each page's inline styles (end of ). ===================================================== */ .btn.btn{ border-radius:16px; background:rgba(14,13,11,.82); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); border:1px solid rgba(243,236,221,.2); color:#F3ECDD; font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.07em; font-size:17px; line-height:1; padding:16px 26px; gap:11px; box-shadow:0 12px 28px -12px rgba(14,13,11,.55); transition:transform .2s, background .2s, color .2s, border-color .2s, box-shadow .2s; } .btn.btn:hover{transform:translateY(-2px); background:rgba(14,13,11,.95); color:#fff; box-shadow:0 16px 32px -12px rgba(14,13,11,.6)} .btn.btn.accent{background:rgba(240,134,71,.92); border-color:rgba(240,134,71,.45); color:#fff; box-shadow:0 12px 28px -12px rgba(240,134,71,.75)} .btn.btn.accent:hover{background:rgba(233,119,46,.97); color:#fff} .btn.btn.primary{background:rgba(14,13,11,.92); border-color:rgba(243,236,221,.2); color:#fff} .btn.btn.primary:hover{background:#000; color:#fff} .btn.btn.ghost{background:transparent; border-color:rgba(27,25,22,.32); color:#1B1916; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} .btn.btn.ghost:hover{background:#1B1916; border-color:#1B1916; color:#fff} .btn.btn.light{background:#FAF9F5; border-color:#FAF9F5; color:#1B1916; -webkit-backdrop-filter:none; backdrop-filter:none} .btn.btn.light:hover{background:#F08647; border-color:#F08647; color:#fff} .btn.btn.lg{padding:20px 32px; font-size:20px} .btn.btn.sm{padding:12px 18px; font-size:15px} /* header controls, same family */ .nav-phone.nav-phone{ border-radius:16px; background:rgba(14,13,11,.82); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); border:1px solid rgba(243,236,221,.2); color:#F3ECDD; font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.07em; font-size:15px; line-height:1; padding:12px 18px; font-variant-numeric:tabular-nums; box-shadow:0 12px 28px -12px rgba(14,13,11,.45); transition:transform .2s, background .2s, color .2s, border-color .2s; } .nav-phone.nav-phone:hover{background:rgba(14,13,11,.95); color:#fff; border-color:rgba(243,236,221,.32); transform:translateY(-1px)} .nav-search-btn.nav-search-btn{border-radius:16px; background:rgba(14,13,11,.82); border:1px solid rgba(243,236,221,.2); color:#fff; -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); box-shadow:0 12px 28px -12px rgba(14,13,11,.45)} .nav-search-btn.nav-search-btn:hover{background:rgba(14,13,11,.95); color:#fff; border-color:rgba(243,236,221,.32)} .nav-toggle.nav-toggle{border-radius:16px; background:rgba(14,13,11,.82); border:1px solid rgba(243,236,221,.2)} .nav-toggle.nav-toggle span, .nav-toggle.nav-toggle span::before, .nav-toggle.nav-toggle span::after{background:#F3ECDD} /* mobile sizing */ @media (max-width:560px){ .btn.btn{font-size:16px; padding:15px 22px; white-space:normal; text-align:center; justify-content:center} .btn.btn.lg{font-size:18px; padding:17px 26px} .nav-phone.nav-phone{font-size:15px; padding:11px 14px} }