:root {
  --font: Arial, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

.conversation-entry {
  position: relative;
  display: flex;
  align-items: center;
}

.conversation-entry .conversation-item {
  flex: 1;
  min-width: 0;
  padding-right: 30px;
}

.conversation-delete {
  position: absolute;
  right: 4px;
  width: 25px;
  height: 25px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #89938f;
  font-size: 18px;
  opacity: 0;
}

.conversation-entry:hover .conversation-delete,
.conversation-delete:focus-visible {
  opacity: 1;
}

@media (max-width: 680px) {
  .conversation-delete {
    opacity: 1;
  }
}