Product Variant Buttons - Selected Button Style

---

1. Plugin Info

Style the product variant button that’s been selected prior to adding to cart.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Product Variant Button (Selected Button Style) - Ghost //

.ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked+label {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 10px !important;
}

---

3. Customizable Options

• Button Color

• Button Text Color

• Border Style

• Border Radius

---

4. Plugin Notes

• Applies to the product’s main page

• Must use the Simple layout

• Does not apply to product blocks

---