tooltip { border: #474747 solid 1px; border-radius: 0.75rem; background-color: alpha(#fff, 0.05); } @keyframes tooltipShow { from { opacity: 0; } to { opacity: 1; } } tooltip > * { padding: 3px 10px; border-radius: 0.75rem; } menu { border: #474747 solid 1px; border-radius: 0.75rem; transition: all 100ms ease-in-out; background-color: alpha(#fff, 0.05); } menu > menuitem { padding: 5px 10px; margin: 1px 2px; font-size: 13px; border-bottom: #474747 solid 1px; } menu > menuitem:last-child { border-bottom: none; } menu > menuitem:hover { transition: all 20ms ease-in-out; font-size: 13px; border-radius: 4px; color: #222; background-color: alpha(#2369ff, 1); } menu > menuitem:hover > label { color: #fff; font-weight: 400; }