variant-selects{
  display: block;
}

.product-form__input--swatch input,
.product-form__input--pill input{
  display: none;
}
.product-form__input--pill label{
  border: 1px solid var(--border-color);
  padding: 5px 12px;
  margin-right: 5px;
  margin-bottom: 8px;
  display: inline-block;
  cursor: pointer;
  transition: .3s all;
  user-select: none;
}
.product-form__input--pill label:hover{
  border-color: var(--secondary);
  color: var(--secondary);
}
.product-form__input--pill input:checked + label{
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}