/* C++ Animated Logo Container */
.logo-cpp {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel2) 65%, transparent);
  box-shadow:
    inset 0 0 0 1px var(--border),
    0 10px 28px rgba(0,0,0,0.4);
}
.logo-cpp img,
.logo-cpp svg {
  width: 100%;
  height: 100%;
}
/* Restart animation on hover */
.logo-cpp:hover svg {
  animation: cpp-restart 0.01s;
}
@keyframes cpp-restart {
  from { opacity: 0.99; }
  to   { opacity: 1; }
}