.cr-toggle-button {
  height: 32px;
  border: 1px solid #e6e2db;
  width: fit-content;
  display: flex;
  align-items: center;

  &__button {
    height: 30px;
    background-color: transparent;
    cursor: pointer;
    font-weight: 400;
    margin: 0 -6px;
    color: #000000 !important;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
    &:hover {
      background-color: transparent;
    }
    &--active,
    &--active:hover,
    &--active:focus,
    &--active:active {
      background-color: black;
      color: #fff !important;
      border: 0;
      height: 32px;
      margin: 0 -7px;
    }
  }
}