Auto-generated reference of every button-related CSS class found on the site, grouped and labeled by class name so you can see what already exists before creating a new one. This is a snapshot, not live-synced — re-run if classes change.
Found one proper Webflow Component already in use above ("Default Button", with Variant/Link/Text props) — that's the right long-term system to build toward rather than more raw classes. The list below is the legacy class library it should eventually replace.
These matched "btn" but have no visual styling of their own — they're grid/gap/wrapper helpers used around buttons, not button appearances. Not rendered above. .g-dual-btns, .a-top-btn, .w-btn, .t-top_btn, .c-btn, .order_form-add_btn, .t-btn-def, .a-btn-sim, .a-btn, .btn-arrow-wrap, .w-btn-centre, .w-btn_ico, .add_to_cart-btn, .g-btn-bar, .w-btn-sfxp, .a-btn-def, .btn-search-Mnav, .img-arrow-btn
Named with OLD/old/old2 suffixes, or auto-renamed by Webflow after a name collision (the trailing " 2"). Likely safe to delete once confirmed unused, but check nothing still references them first. .t-btn-inherit-old2, .t-btn-inherit-OLD, .g-btn-old, .btn-line 2 (note the space — Webflow's own duplicate-name marker), .t-btn-text-old
These layer a colour/size/state variant on top of one of the 79 base classes above — not rendered individually here, but listed under their base so you can see every variant that already exists before creating a new one.
_w-btn: w-btn-centre (._w-btn.ts-32px._w-btn-centre); g-dual-btns (._w-btn.g-dual-btns); w-btn-centre (._w-btn._w-btn-centre); btn-centred (._w-btn.btn-centred); btns-centre (._w-btn.btns-centre) btn-def: btn-ts-16 (.btn-def.p30-colour.btn-ts-16); simple-btn (.btn-def.simple-btn); btn-keep-shopping (.btn-def.u-w-fw.btn-keep-shopping); btn-checkout (.btn-def.u-w-fw.btn-checkout) btn-def-15: btn-checkout (.btn-def-15.u-w-fw.btn-checkout); btn-wtrmln (.btn-def-15.btn-wtrmln) btn-def-centre: btn-grey (.btn-def-centre.btn-grey) btn-def-sml: btn-line-grey (.btn-def-sml.btn-line-grey); btn-pink (.btn-def-sml.btn-pink); btn-locked (.btn-def-sml.btn-locked) btn-sim-content: btn-ico (.btn-sim-content.btn-ico); btn-download (.btn-sim-content.btn-download); lb-btn (.btn-sim-content.lb-btn) btn-sim-content-border: btn-lrg-green-border (.btn-sim-content-border.btn-lrg-green-border); btn-lrg-white-border (.btn-sim-content-border.btn-lrg-white-border) btn-sml: btn-burgundy (.btn-sml.btn-burgundy) btn-sml-sim: prod-video-btn, btn-icon, btn-grey (.btn-sml-sim.btn-icon.btn-grey), btn-video c-btn: dd-nav-btns (.c-btn.dd-nav-btns) g-2col-auto-centre: btn-gap-m2break, btn-gap g-auto-col: gear-btns (.g-auto-col.gear-btns) g-btn-sim: btn-burgundy, btn-lrg-green, btn-lrg-emerald g-download-btn: btn-lrg-green, btn-lrg-emerald, btn-burgundy ico-20: btn-ico-white (.ico-20.btn-ico-white) img-arrow-blog: email-list-btn (.img-arrow-blog.email-list-btn) p-def: newsbar_btn-text (.p-def.newsbar_btn-text) t-btn-sim: dd-start-btn, btn-dark, t-btn-lrg-white t-btn-sml-sim: supply-btn (.t-btn-sml-sim.supply-btn) t-btn-white: u-rm-btn (.t-btn-white.u-rm-btn) t-btn_sim-black: u-rm-btn (.t-btn_sim-black.u-rm-btn)
The "BUY NOW" example already on this page above uses .b-pink-sml — a "b-" prefix that this audit's "btn"/"button" search didn't catch, since it doesn't contain either substring. There are likely a handful more classes like this. Worth a follow-up pass searching "b-" specifically (noisy, since it'll also match unrelated classes) if you want full completeness.
Auto-generated reference of every button-related CSS class found on the site, grouped and labeled by class name so you can see what already exists before creating a new one. This is a snapshot, not live-synced — re-run if classes change.
Found one proper Webflow Component already in use above ("Default Button", with Variant/Link/Text props) — that's the right long-term system to build toward rather than more raw classes. The list below is the legacy class library it should eventually replace.