.opt-label.opt-label--btn {
  border-color: rgba(var(--text-color) / 0.55);
}

.opt-label.opt-label--btn:hover {
  border-color: rgb(var(--text-color));
}

.opt-btn:checked + .opt-label.opt-label--btn,
.opt-btn:checked + .opt-label.opt-label--btn:hover {
  border-color: rgb(var(--text-color));
  background-color: rgb(var(--text-color));
  color: rgb(var(--bg-color));
}

.opt-btn:checked + .opt-label.opt-label--btn:not(.opt-label--swatch)::after {
  box-shadow: none;
}