// WSelectToggle
@import 'mixins/common';

.wc_seltog {
  > button {
    margin-left: $wc-gap-normal;

    &:first-child {
      margin-left: 0;
    }
  }

  &[role='checkbox'] {
    + label {
      margin-left: $wc-gap-small;
    }

    > .fa {
      text-align: left;
      width: $wc-icon-normal;
    }
  }

  &[data-wc-value][aria-checked='true'] {
    font-weight: bold;
  }
}
