:root {
  --hover-color: #ffc833;
  --scale: 1.05;
}
img {
  transition: transform 0.3s ease;
}
a:not(.logo) {
  transition: color 0.3s ease, transform 0.3s ease;
}
@media (min-width: 768px) {
  a:not(.logo):hover {
    color: var(--hover-color);
  }
  a:not(.logo):hover img {
    filter: brightness(0.6);
    transform: scale(--scale);
  }
}