.apple-icon path {
  transition: fill 0.3s ease-in-out;
}

.apple-icon:hover path {
  fill: var(--hover-color);
}
.language-icon path {
  transition: fill 0.3s ease-in-out;
}
.language-icon:hover path {
  fill: var(--hover-color);
}
.calendar-icon path {
  transition: fill 0.3s ease-in-out;
}
.calendar-icon:hover path {
  fill: var(--hover-color);
}

.search-icon path {
  transition: fill 0.3s ease-in-out;
}
.search-icon:hover path {
  fill: var(--hover-color);
}
.user-name-icon path {
  transition: fill 0.3s ease-in-out;
}
.user-name-icon:hover path {
  fill: var(--hover-color);
}
.mail-icon path {
  transition: fill 0.3s ease-in-out;
}
.mail-icon:hover path {
  fill: var(--hover-color);
}
.password-lock-icon path {
  transition: fill 0.3s ease-in-out;
}
.password-lock-icon:hover path {
  fill: var(--hover-color);
}