.mini-support-choice-page .mini-title {
  margin-bottom: 22px;
}

.mini-support-choice-grid {
  display: grid;
  gap: 14px;
}

.mini-support-choice {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 20px;
  align-items: center;
  width: 100%;
  min-height: 154px;
  gap: 16px;
  padding: 22px 18px;
  overflow: hidden;
  color: #fff8fc;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.mini-support-choice::after {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255, 159, 199, .14);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  right: -72px;
  top: -78px;
}

.mini-support-choice.stella {
  border-color: rgba(255, 139, 187, .3);
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 116, 173, .18), transparent 40%),
    linear-gradient(135deg, rgba(47, 23, 39, .98), rgba(20, 15, 25, .98));
  box-shadow: 0 18px 50px rgba(255, 91, 158, .08);
}

.mini-support-choice.operator {
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .09), transparent 38%),
    linear-gradient(135deg, rgba(28, 24, 32, .98), rgba(15, 13, 20, .98));
}

.mini-support-choice:active {
  transform: scale(.985);
}

.mini-support-choice-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(255, 153, 194, .3);
  border-radius: 19px;
  color: #ff9fc6;
  background: rgba(255, 126, 178, .1);
  box-shadow: inset 0 0 24px rgba(255, 115, 174, .08);
}

.mini-support-choice.operator .mini-support-choice-icon {
  color: #f2eaf0;
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .055);
}

.mini-support-choice-icon svg {
  width: 27px;
  height: 27px;
}

.mini-support-choice-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

.mini-support-choice-copy small {
  margin-bottom: 5px;
  color: #ff9fc6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mini-support-choice.operator .mini-support-choice-copy small {
  color: #aaa1ac;
}

.mini-support-choice-copy strong {
  margin-bottom: 7px;
  font-size: 23px;
  line-height: 1;
}

.mini-support-choice-copy em {
  color: #bcb1bc;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.mini-support-choice-arrow {
  width: 18px;
  color: #8d828d;
}

.mini-stella-page .mini-title {
  margin-bottom: 20px;
}

.mini-stella-page .mini-support-compose .mini-primary:not(:disabled) {
  color: #918791 !important;
  background: #29242d;
  box-shadow: none;
  opacity: .72;
}

.mini-stella-page .mini-support-compose .mini-primary.is-ready:not(:disabled),
.mini-stella-page .mini-support-compose:has(textarea:not(:placeholder-shown)) .mini-primary:not(:disabled) {
  color: #190c13 !important;
  background: linear-gradient(100deg, #fff7fb, #ff9dc5);
  opacity: 1;
  filter: none;
  box-shadow: 0 12px 34px rgba(255, 110, 171, .28);
}

@media (min-width: 680px) {
  .mini-support-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mini-support-choice {
    min-height: 190px;
    grid-template-columns: 1fr 20px;
    align-items: end;
  }

  .mini-support-choice-icon {
    grid-column: 1 / -1;
  }
}

@media (max-width: 380px) {
  .mini-support-choice {
    grid-template-columns: 48px minmax(0, 1fr) 16px;
    gap: 12px;
    padding: 18px 14px;
  }

  .mini-support-choice-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }

  .mini-support-choice-copy strong {
    font-size: 21px;
  }
}