.select-button__button-icon {
  &:before {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    font-size: 24px;
    font-family: zocksiconfont, serif;
    content: '\e80b';
  }
}

.select-button__button-container {
  display: flex;
}

.select-button__popover-container {
  border-radius: 4px;
  background: rgba(13, 13, 13, 0.8);
  backdrop-filter: blur(24px);
  color: #FFFFFF;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 350;
  font-size: 12px;

  .select-button__popover-list {
    background: unset;
  }

  .select-button__popover-item {
    font-family: NeueHaasUnicaPro, Helvetica, sans-serif;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    height: 48px;
    font-size: 12px;
    line-height: 48px;
    min-width: 240px;
    cursor: pointer;
  }

  .select-button__popover-item:not(:last-child) {
    position: relative
  }

  .select-button__popover-item > .icon-check-mark {
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
    font-size: 150%;

    &:before {
      font-family: zocksiconfont, serif;
      content: '\e80a';
    }
  }

  ul {
    margin: 0;
    padding: 0;
  }

  ul li:hover {
    backdrop-filter: blur(12px);
    opacity: 0.5;
  }

  .select-button__popover-item:hover {
    background-color: unset;
  }
}


