@import '@/content/utilities/partials/_colors.scss';

.gradientBackground {
  background: linear-gradient(180deg, #ffffff 0%, #e0dfe7 100%);
  border-radius: 6px;
  width: 190px;
  padding: 0.5rem 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2;
}

.itemsStyle {
  margin: 3px !important;
  background: white;
  width: 170px;
  height: 46px;
  border-radius: 6px;
  border: none;
}

.itemsStyle:hover {
  box-sizing: border-box;
  border: 1px solid #5b4dbe;
  border-radius: 6px;
  color: #5b4dbe;
}

.fakeItem:hover {
  background: none !important;
  box-sizing: border-box;
  border: none !important;
  border-radius: none !important;
  color: unset;
}

.fakeItem {
  background: none !important;
  cursor: default !important;
}

.sortText {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  min-width: 170px;

  span:first-of-type {
    margin-right: 0.5rem;
    color: $grey-dark-20;
  }

  svg {
    margin-left: 0.5rem;
  }
}
