/* CSS Tip! ✨

Combine :has() and trig functions to select previous siblings and create an Apple-style OS dock 🔥 

CSS only, no JS! 🤯 */

.b:has(+ .b:hover),
.b:hover + .b {
  flex: calc(0.2 + (sin(30deg) * 1.5));
  translate: 0 calc(sin(30deg) * -75%);
}