/* Brand finish chips — official manufacturer swatches: Amerock, Atlas, Top Knobs (2026-07-09) */
.button-variable-item-3pbk .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_3pbk-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-aged-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_aged-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-aluminum .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_aluminum-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-annodizedaluminum .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_annodizedaluminum.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antique-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_antique-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antique-copper .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_antique-copper-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antique-pewter .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_antique-pewter-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antique-silver .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_antique-silver.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antiquebrass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_antiquebrass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antiquenickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_antiquenickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-antiquerust .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_antiquerust-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-ash-gray .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_ash-gray-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze-and-polished-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze-and-polished-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-bronze-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-bronze-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-brushed-nickel-and-black-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-brushed-nickel-and-black-nickel-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-brushed-nickel-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-brushed-nickel-and-polished-chrome-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-chrome-and-brushed-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-chrome-and-brushed-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-chrome-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-chrome-and-golden-champagne-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-chrome-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-chrome-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-chrome-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_black-chrome-and-satin-nickel-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-iron .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_black-iron-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-red .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_black-red.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-black-white .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_black-white.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-blackbrushednickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_blackbrushednickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-blackchrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_blackchrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-bn-black-croc-leather .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_bn-black-croc-leather.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brass-antique .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_brass-antique-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-gold-and-black-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-gold-and-black-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-gold-and-matte-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-gold-and-matte-black.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-gold-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-gold-and-satin-nickel-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-gold-and-white .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-gold-and-white.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-matte-black-and-brushed-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-matte-black-and-brushed-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-matte-black-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-matte-black-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-matte-black-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-matte-black-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-matte-black-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-matte-black-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-matte-black-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_brushed-matte-black-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_brushed-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_brushed-satin-nickel-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-brushed-stainless-steel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_brushed-stainless-steel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-burnished-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_burnished-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-burnishedbrass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_burnishedbrass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-cafe-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_cafe-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-cast-iron .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_cast-iron-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-ch-black-croc-leather .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_ch-black-croc-leather.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-ch-black-leather .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_ch-black-leather.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-champagne-bronze-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_champagne-bronze-and-frosted-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-champagne-bronze-and-matte-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_champagne-bronze-and-matte-black.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-champagne-bronze-and-white .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_champagne-bronze-and-white.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_chrome-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-black-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-black-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-gunmetal .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-gunmetal-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-matte-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-matte-black.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-oil-rubbed-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-oil-rubbed-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-polished-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-polished-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-clear-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_clear-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-coal-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_coal-black-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-colonialblack .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_colonialblack.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-dark-antique-brass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_dark-antique-brass-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-darkoiledbronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_darkoiledbronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-emerald-green .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_emerald-green-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-flat-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_flat-black-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-flat-black-and-honey-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_flat-black-and-honey-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-flat-black-and-pewter-antique .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_flat-black-and-pewter-antique-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-french-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_french-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-german-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_german-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne-and-black-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne-and-black-chrome-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne-and-frosted-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-golden-champagne-and-white .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_golden-champagne-and-white.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-graphite .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_graphite.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-gunmetal .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_gunmetal.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-gunmetal-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_gunmetal-and-frosted.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-high-white-gloss .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_high-white-gloss.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-honey-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_honey-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-honey-bronze-and-flat-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_honey-bronze-and-flat-black-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-iron .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_iron.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-light-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_light-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-mahogany-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_mahogany-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-black-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-black-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-polished-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-polished-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-black-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-black-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-black-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-black-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-oil-rubbed-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-oil-rubbed-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-polished-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-polished-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-marble-white-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_marble-white-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-frosted-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-matte-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-matte-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-polished-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-polished-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-black-and-silver-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_matte-black-and-silver-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_matte-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_matte-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-matte-rose-gold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_matte-rose-gold.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-mattegold .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_mattegold-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-medium-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_medium-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-modern-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_modern-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-mother-of-pearl .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_mother-of-pearl.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-navy-blue .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_navy-blue-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-oil-rubbed-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_oil-rubbed-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-old-english-copper .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_old-english-copper-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-patina-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_patina-black-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-patina-rouge .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_patina-rouge-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-pewter .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_pewter.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-pewter-antique .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_pewter-antique-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-pewter-antique-and-flat-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_pewter-antique-and-flat-black-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-pewter-light .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_pewter-light-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-pink .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_pink.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-brass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_polished-brass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-chrome-and-black-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-chrome-and-black-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-chrome-and-brushed-matte-black .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-chrome-and-brushed-matte-black.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-chrome-and-satin-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-chrome-and-satin-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-chrome-and-white .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-chrome-and-white-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-black-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-black-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-black-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-black-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-champagne-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-champagne-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-frosted.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-golden-champagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-golden-champagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-gunmetal .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-gunmetal.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-nickel-and-stainless-steel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-nickel-and-stainless-steel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-stainless-steel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_polished-stainless-steel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polished-stainlesssteel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polished-stainlesssteel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-polishedbrass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_polishedbrass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-rust .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_rust.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-sable .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_sable-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satin-brass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_satin-brass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satin-nickel-and-black-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_satin-nickel-and-black-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satin-nickel-and-frosted .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_satin-nickel-and-frosted-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satin-nickel-and-oil-rubbed-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_satin-nickel-and-oil-rubbed-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satin-nickel-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_satin-nickel-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-satinnickelmatte .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_satinnickelmatte.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-silicon-bronze-light .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_silicon-bronze-light-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-silver .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_silver-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-silver-champagne-and-black-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_silver-champagne-and-black-nickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-silver-champagne-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_silver-champagne-and-polished-chrome.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-silverchampagne .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_silverchampagne.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-slate .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_slate.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-stainless-steel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_stainless-steel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-sterlingnickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_sterlingnickel.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-tuscan-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_tuscan-bronze-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-umbrio .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-topknobs_umbrio-2.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-venetian-bronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_venetian-bronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-venetianbronze .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_venetianbronze.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-verdigris .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_verdigris.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-vintage-brass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_vintage-brass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-warm-brass .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-atlas_warm-brass.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-weathered-nickel .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_weathered-nickel-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-white-and-polished-chrome .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_white-and-polished-chrome-1.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-wood .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_wood.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }
.button-variable-item-wroughtiron .variable-item-span::before { content: ''; display: block; width: 100%; height: 52px; background: url('/wp-content/uploads/2026/07/chip-amerock_wroughtiron.jpg') center/cover; border-radius: 3px; margin-bottom: 4px; }