store/camille-jewelry button colors

gistfile1.txt

/* CSS - change Add to Cart button color */
.product-clip__btn,
.product__submit__buttons .btn--add-to-cart {
  background-color: var(--COLOR-PRIMARY);
  border: 1px solid var(--COLOR-PRIMARY);
  color: var(--COLOR-PRIMARY-OPPOSITE);
}
.product-clip__btn:hover, .product-clip__btn:focus,
.product__submit__buttons .btn--add-to-cart:hover, .product__submit__buttons .btn--add-to-cart:focus {
  background-color: var(--COLOR-PRIMARY-HOVER);
  border: 1px solid var(--COLOR-PRIMARY-HOVER);
  color: var(--COLOR-PRIMARY-OPPOSITE);
}
/* Change loading and complete state colors */
.btn-state-loading .svg-loader circle,
.btn-state-loading .svg-loader circle~circle{
  stroke: var(--COLOR-PRIMARY-OPPOSITE);
}
.btn-state-complete{
    border-left: 2px solid var(--COLOR-PRIMARY-OPPOSITE);
    border-bottom: 2px solid var(--COLOR-PRIMARY-OPPOSITE);  
}
/* - end - */

/* CSS - custom colors Add to Cart button 
--COLOR-PRIMARY  - the background color
--COLOR-PRIMARY-HOVER  - the hover background color
--COLOR-PRIMARY-OPPOSITE - the text color
*/
.product__submit__buttons .btn--add-to-cart {
  --COLOR-PRIMARY:  #656565;
  --COLOR-PRIMARY-HOVER: #444444;
  --COLOR-PRIMARY-OPPOSITE: #ffffff;
}
/* - end - */


/* CSS - Change background-color and roundness of variant radio labels */
.radio__fieldset .radio__button{
  --background-color: #f9f9f9;
  --color: #656565;
}
.radio__fieldset .radio__button input~label {
    background-color: var(--background-color);
    color: var(--color);
}
/* When the radio button is checked */
.radio__fieldset .radio__button input:checked~label {
    background-color: var(--color);
    color: var(--background-color);
    border-color: var(--background-color);
}
/* When the radio button is hover */
.radio__fieldset .radio__button label:active, .radio__fieldset .radio__button label:focus, .radio__fieldset .radio__button label:hover {
    background-color: var(--background-color);
    color: var(--color);
    opacity: 0.7;
}