/* icons.css - Material icons and icon-specific styles */
.material-symbols-rounded {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 40;
  cursor: pointer;
  vertical-align: middle;
  font-size: 28px;
  width: 28px;
  transition: background-color 0.2s ease;
}

.material-symbols-rounded:hover {
  background-color: rgba(144, 238, 144, 0.3);
  border-radius: 50%;
}

.material-symbols-rounded.wrap::before {
  content: "wrap_text";
}

.material-symbols-rounded.wrap:hover::before {
  content: "subject";
}