:root { --blue: var(--bricks-color-kleswa); --blue-light: var(--bricks-color-ubjhva); --yellow: var(--bricks-color-yzhlbo); --white: var(--bricks-color-bvnafb); --blue-transparent: var(--bricks-color-oeqrep); --black-transparent: var(--bricks-color-rtupfq); --error: #a63b3b;  --gap: 1rem; --transition-duration: 0.3s; --transition: ease var(--transition-duration); }   .box--advantage { background-color: var(--blue); color: var(--white); } .box--advantage *[class$="happy"] { display: none; }  .box--advantage:is(:hover, :focus) { background-color: var(--white); color: var(--blue); } .box--advantage:is(:hover, :focus) *[class$="sad"] { display: none; } .box--advantage:is(:hover, :focus) *[class$="happy"] { display: block; }