@charset "UTF-8";
/* Кнопка «ещё» из трёх точек (Figma: dots 4540:65948). Hover — точки расходятся. */
.dots {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  min-width: 5rem;
  height: 1.25rem;
  transition: gap var(--transition-duration) var(--transition-ease);
}
@media (hover: hover) {
  .dots:hover {
    gap: 0.75rem;
  }
}
.dots__dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-black);
  border-radius: 50%;
}