.chat-types {
  padding: 1.8rem var(--base-p-x) 2rem;
  align-items: stretch;
  gap: 18px;
}
.chat-types__description {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.chat-types__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.li-card {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.li-card > a {
  display: contents;
}
.li-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  background: #828282;
  border-radius: 8px;
}

.li-card__icon::before {
  content: '';
  display: block;
  width: 60%;
  height: inherit;
  aspect-ratio: inherit;
  color: #FFFFFF;
}

.li-card__icon.lawyer::before,
.li-card__icon.other::before,
.li-card__icon.support::before {
  --mask-icon: url(/assets/site/pz_img/new-chat/general-support-chat.svg);
}
.li-card__title {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}