.boolBtn{
    width: 100%;
    & .options{
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 10px;
      & .option{
        width: 41px;
        height: 18px;
        text-align: center;
        background-color: var(--background-S360);
        border-radius: 2px;
        border: 1px solid var(--color-border-S360);
        cursor: pointer;
        color: var(--color-btn-text);

        &.boolBtn-block:not(.selected){
          display: none;
        }

        &.selected.boolBtn-block{
          pointer-events: none;
        }

        &[data-opt-id="0"].option--focused,
        &[data-opt-id="0"].selected {
          background-color: var(--color-btn-limit-nok);
          color: var(--color-btn-limit-text-nok);
          border: unset;
        }

        &[data-opt-id="1"].option--focused,
        &[data-opt-id="1"].selected{
          background-color: var(--color-btn-limit-ok);
          color: var(--color-btn-limit-text-ok);
          border: unset;
        }
      }

    }
    &.disabled{
      & .options {
        & .option{
          border: unset;
          cursor: not-allowed;
          color: #BEBEBE !important;
          background-color: var(--color-btn-limit-disabled);
          pointer-events: none;
        }
      }
    }
  }