:root{--size:32px;--border:4px;--column:24px}[data-masked]{position:relative}[data-masked]:not(:first-of-type){--circle:calc(((var(--border)*2) + var(--size))*.5);--y:calc(100% - (var(--size)*.5));-webkit-mask:radial-gradient(var(--circle)var(--circle)at calc(var(--circle) - var(--column) - var(--border))50%,#0000 var(--circle),#fff var(--circle))0 calc(var(--size)*.5)/100% 100%;mask:radial-gradient(var(--circle)var(--circle)at calc(var(--circle) - var(--column) - var(--border))50%,#0000 var(--circle),#fff var(--circle))0 calc(var(--size)*.5)/100% 100%;transition:-webkit-mask-position .2s,mask-position .2s}[data-masked]>span{transition:translate .2s}[data-masked]:hover span:first-of-type{translate:0 -50%}[data-masked]:hover+[data-masked]{-webkit-mask-position:0 0;mask-position:0 0}