.g5shop__swatch-color {
  .g5shop__swatches-item {
    width: 13px;
    height: 13px;
  }
}

.g5shop__swatch-image {
  .g5shop__swatches-item {
    width: 13px;
    height: 13px;
  }
}

.g5shop__swatch-text {
  .g5shop__swatches-item {
    &.g5shop__sw-selected,
    &:hover {
      color: var(--g5-color-heading);
    }
  }
}

.g5shop__reset_variations {
  color: inherit;
  font-weight: 700;
  &:hover {
    color: var(--g5-color-heading);
  }
}

.g5shop__single-swatches {
  .g5shop__swatch-text {
    .g5shop__swatches-item {
      line-height: 1;
      padding: 12px;
      border: 1px solid var(--g5-color-border);
      font-size: 14px;
      min-width: 36px;
      text-align: center;
      @include border-radius(3px);
      &:hover {
        color: var(--g5-color-heading);
        border-color: currentColor;
      }

      &.g5shop__sw-selected {
        color: #fff;
        background-color: #000;
        border-color: #000;
      }

    }
  }
}