.menu-icon-selector {
  display: grid;
  grid-template-columns: repeat(4, 80px);
  gap: 20px;
  justify-content: space-between;
  width: 100%;

  &__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;

    &:hover,
    &--select {
      color: @primary-color;
      border-color: @primary-color;
    }
  }
}