/* Bunklow Liquid Glass buttons, page buttons (style #6). Read the note at the top of /brand/bk-glass-v1.css. Loaded on every page except the Walk app pages (walk/ and es/walk/), whose insides are not changed. Rules in this file turn these into glass: 1. Any link or button painted orange or teal by an inline style (guide Walk card, help buttons, homepage Start a walk). 2. The page button classes that were solid orange: college Walk and Start a Walk, state help call buttons, Get help near me now, company Ask buttons, owner and contractor buttons, See it in the shop, tools, Reel page, the homepage Search places button, TenantFit buttons, and the app buttons (bg-brand pills and the sign in button). Payhip and Gumroad buy buttons are glass too (Randy, Oct 31 2026, about 8:45 AM PT, button: "Yes, glass too"): shop "Get this" (checklist and book product pages), book "Get the packet" and "Get the book" (a.btn.buy), and Pro "Get it". Payhip stays the MAIN buy button (LOCKS 5.9 is about which button is main, not its color). Only the look changes. Position, size, label, link and the small "Or pay on bunklow.com" link are untouched. Company and listing pages (Nov 1 2026, LOCKS 1.4): the "Contact [Company]" button (details.contact > summary) and the "Claim this page" button (a.claim) are glass too. Their own stylesheet painted them light teal and white. Left alone on purpose: the Bunklow Reel card and its video, text links, chips, filter pills, small tags such as Coming soon, and the numbered circles in guides. */ :is(a, button, [role="button"], input[type="submit"]):not([href*="payhip.com"]):not([href*="gumroad.com"]):not(.bk-go):is( [style*="background:#fc8003" i], [style*="background: #fc8003" i], [style*="background-color:#fc8003" i], [style*="background-color: #fc8003" i], [style*="background:#fc8002" i], [style*="background: #fc8002" i], [style*="background-color:#fc8002" i], [style*="background-color: #fc8002" i], [style*="background:#ff8a00" i], [style*="background: #ff8a00" i], [style*="background-color:#ff8a00" i], [style*="background-color: #ff8a00" i], [style*="background:rgb(252, 128, 3)" i], [style*="background: rgb(252, 128, 3)" i], [style*="background-color:rgb(252, 128, 3)" i], [style*="background-color: rgb(252, 128, 3)" i], [style*="background:rgb(252, 128, 2)" i], [style*="background: rgb(252, 128, 2)" i], [style*="background-color:rgb(252, 128, 2)" i], [style*="background-color: rgb(252, 128, 2)" i], [style*="background:rgb(255, 138, 0)" i], [style*="background: rgb(255, 138, 0)" i], [style*="background-color:rgb(255, 138, 0)" i], [style*="background-color: rgb(255, 138, 0)" i], [style*="background:#2cc9c9" i], [style*="background: #2cc9c9" i], [style*="background-color:#2cc9c9" i], [style*="background-color: #2cc9c9" i], [style*="background:rgb(44, 201, 201)" i], [style*="background: rgb(44, 201, 201)" i], [style*="background-color:rgb(44, 201, 201)" i], [style*="background-color: rgb(44, 201, 201)" i] ), .walk-bubble span:is( [style*="background:#fc8003" i], [style*="background: #fc8003" i], [style*="background-color:#fc8003" i], [style*="background-color: #fc8003" i], [style*="background:#fc8002" i], [style*="background: #fc8002" i], [style*="background-color:#fc8002" i], [style*="background-color: #fc8002" i], [style*="background:#ff8a00" i], [style*="background: #ff8a00" i], [style*="background-color:#ff8a00" i], [style*="background-color: #ff8a00" i], [style*="background:rgb(252, 128, 3)" i], [style*="background: rgb(252, 128, 3)" i], [style*="background-color:rgb(252, 128, 3)" i], [style*="background-color: rgb(252, 128, 3)" i], [style*="background:rgb(252, 128, 2)" i], [style*="background: rgb(252, 128, 2)" i], [style*="background-color:rgb(252, 128, 2)" i], [style*="background-color: rgb(252, 128, 2)" i], [style*="background:rgb(255, 138, 0)" i], [style*="background: rgb(255, 138, 0)" i], [style*="background-color:rgb(255, 138, 0)" i], [style*="background-color: rgb(255, 138, 0)" i] ), a.walkbtn:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.btn:not(.buy):not(.primary):not([href*="payhip.com"]):not([href*="gumroad.com"]), a.sh-btn:not([href*="payhip.com"]):not([href*="gumroad.com"]), .help-now button, .help-now a.call, .call-sticky a, a.ask:not([href*="payhip.com"]):not([href*="gumroad.com"]), details.contact > summary, a.claim:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.go:not([href*="payhip.com"]):not([href*="gumroad.com"]), button.go, .bk-take .go, #bk-take .go, a.pv-cta:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.cta:not([href*="payhip.com"]):not([href*="gumroad.com"]), .home-search button, .bk-tool-go, a.glass-card[class~="inline-flex"][class~="min-h-11"][class~="items-center"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), button#bmic, button#bnext, button#download, button#share, :is(a, button)[class~="bg-brand"][class~="rounded-full"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), :is(a, button)[class~="bg-amber"][class~="rounded-full"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), button[class*="FF9A2E"], a[data-bk-loc="shop_get_this"][href*="payhip.com"], a.btn.buy[href*="gumroad.com"], a.btn.buy[href*="payhip.com"], a.buy[data-bk-loc="pro_get_it"][href*="payhip.com"] { background: var(--bk-glass-bg) !important; border: 1px solid var(--bk-glass-line) !important; box-shadow: var(--bk-glass-shadow) !important; -webkit-backdrop-filter: var(--bk-glass-blur) !important; backdrop-filter: var(--bk-glass-blur) !important; color: #fff !important; text-shadow: 0 1px 1px rgba(2, 8, 24, 0.35) !important; font-family: Fredoka, ui-rounded, system-ui, sans-serif !important; text-decoration: none !important; box-sizing: border-box !important; background-clip: border-box !important; } :is( :is(a, button, [role="button"], input[type="submit"]):not([href*="payhip.com"]):not([href*="gumroad.com"]):not(.bk-go):is( [style*="background:#fc8003" i], [style*="background: #fc8003" i], [style*="background-color:#fc8003" i], [style*="background-color: #fc8003" i], [style*="background:#fc8002" i], [style*="background: #fc8002" i], [style*="background-color:#fc8002" i], [style*="background-color: #fc8002" i], [style*="background:#ff8a00" i], [style*="background: #ff8a00" i], [style*="background-color:#ff8a00" i], [style*="background-color: #ff8a00" i], [style*="background:rgb(252, 128, 3)" i], [style*="background: rgb(252, 128, 3)" i], [style*="background-color:rgb(252, 128, 3)" i], [style*="background-color: rgb(252, 128, 3)" i], [style*="background:rgb(252, 128, 2)" i], [style*="background: rgb(252, 128, 2)" i], [style*="background-color:rgb(252, 128, 2)" i], [style*="background-color: rgb(252, 128, 2)" i], [style*="background:rgb(255, 138, 0)" i], [style*="background: rgb(255, 138, 0)" i], [style*="background-color:rgb(255, 138, 0)" i], [style*="background-color: rgb(255, 138, 0)" i], [style*="background:#2cc9c9" i], [style*="background: #2cc9c9" i], [style*="background-color:#2cc9c9" i], [style*="background-color: #2cc9c9" i], [style*="background:rgb(44, 201, 201)" i], [style*="background: rgb(44, 201, 201)" i], [style*="background-color:rgb(44, 201, 201)" i], [style*="background-color: rgb(44, 201, 201)" i] ), .walk-bubble span:is( [style*="background:#fc8003" i], [style*="background: #fc8003" i], [style*="background-color:#fc8003" i], [style*="background-color: #fc8003" i], [style*="background:#fc8002" i], [style*="background: #fc8002" i], [style*="background-color:#fc8002" i], [style*="background-color: #fc8002" i], [style*="background:#ff8a00" i], [style*="background: #ff8a00" i], [style*="background-color:#ff8a00" i], [style*="background-color: #ff8a00" i], [style*="background:rgb(252, 128, 3)" i], [style*="background: rgb(252, 128, 3)" i], [style*="background-color:rgb(252, 128, 3)" i], [style*="background-color: rgb(252, 128, 3)" i], [style*="background:rgb(252, 128, 2)" i], [style*="background: rgb(252, 128, 2)" i], [style*="background-color:rgb(252, 128, 2)" i], [style*="background-color: rgb(252, 128, 2)" i], [style*="background:rgb(255, 138, 0)" i], [style*="background: rgb(255, 138, 0)" i], [style*="background-color:rgb(255, 138, 0)" i], [style*="background-color: rgb(255, 138, 0)" i] ), a.walkbtn:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.btn:not(.buy):not(.primary):not([href*="payhip.com"]):not([href*="gumroad.com"]), a.sh-btn:not([href*="payhip.com"]):not([href*="gumroad.com"]), .help-now button, .help-now a.call, .call-sticky a, a.ask:not([href*="payhip.com"]):not([href*="gumroad.com"]), details.contact > summary, a.claim:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.go:not([href*="payhip.com"]):not([href*="gumroad.com"]), button.go, .bk-take .go, #bk-take .go, a.pv-cta:not([href*="payhip.com"]):not([href*="gumroad.com"]), a.cta:not([href*="payhip.com"]):not([href*="gumroad.com"]), .home-search button, .bk-tool-go, a.glass-card[class~="inline-flex"][class~="min-h-11"][class~="items-center"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), button#bmic, button#bnext, button#download, button#share, :is(a, button)[class~="bg-brand"][class~="rounded-full"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), :is(a, button)[class~="bg-amber"][class~="rounded-full"]:not([href*="payhip.com"]):not([href*="gumroad.com"]), button[class*="FF9A2E"], a[data-bk-loc="shop_get_this"][href*="payhip.com"], a.btn.buy[href*="gumroad.com"], a.btn.buy[href*="payhip.com"], a.buy[data-bk-loc="pro_get_it"][href*="payhip.com"] ):hover { filter: brightness(1.14) !important; border-color: var(--bk-glass-line-hover) !important; }