/* /static/css/sidebar_buttons.css */

/* --- Generic Sidebar Add Icon --- */
.sidebar-add-icon {
  margin-left: auto !important;
  color: #ffffff !important;
  opacity: 0 !important;
  font-size: 1.1em !important; /* Возвращаем размер 1.1em */
  font-weight: 600 !important;
  transform: scale(0.5) rotate(-90deg) !important;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out !important;
  cursor: pointer !important;
  padding: 5px !important;
}

/* --- Hover States --- */

/* Появление и анимация иконки при наведении на родителя */
.notes-btn:hover .sidebar-add-icon,
.tasks-btn-blue:hover .sidebar-add-icon,
.editor-btn:hover .sidebar-add-icon,
.calendar-btn-green:hover .sidebar-add-icon,
.finance-btn:hover .sidebar-add-icon {
  opacity: 1 !important;
  transform: scale(1) rotate(0deg) !important;
}

/* Эффект увеличения при наведении на саму иконку (с более высоким приоритетом) */
.notes-btn .sidebar-add-icon:hover,
.tasks-btn-blue .sidebar-add-icon:hover,
.editor-btn .sidebar-add-icon:hover,
.calendar-btn-green .sidebar-add-icon:hover,
.finance-btn .sidebar-add-icon:hover {
  transform: scale(1.25) rotate(0deg) !important;
}