.view-switcher__buttons-container {
  display: flex;
  gap: 0.5rem;
}

.view-switcher__button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  font-size: 22px;
  cursor: pointer;
}

.view-switcher__grid-icon {
  &:before {
    font-family: zocksiconfont, serif;
    content: '\e812';
  }
}

.view-switcher__speaker-icon {
  &:before {
    font-family: zocksiconfont, serif;
    content: '\e826';
  }
}

.view-switcher__button[disabled] {
  .view-switcher__grid-icon {
    &:before {
      font-family: zocksiconfont, serif;
      content: '\e813';
    }
  }

  .view-switcher__speaker-icon {
    &:before {
      font-family: zocksiconfont, serif;
      content: '\e827';
    }
  }
}
