.fancy:before{content:"";background:#fff;width:1.5625rem;height:2px;transition:background .3s linear,width .3s linear;position:absolute;top:50%;left:1.5em;transform:translateY(-50%)}.fancy .top-key,.fancy .bottom-key-1,.fancy .bottom-key-2{background:#e8e8e8;height:2px;transition:width .5s ease-out,left .3s ease-out,right .3s ease-out;position:absolute}.fancy .top-key{width:95%;top:-2px;left:.625rem}.fancy .bottom-key-1{width:92%;bottom:-2px;right:1.875rem}.fancy .bottom-key-2{width:.625rem;bottom:-2px;right:.625rem}.fancy:hover{color:#fff;background:#f7460087;background:lab(57.1548% 66.4129 69.2962/.529);font-size:.88rem}.fancy:hover:before{background:#fff;width:.9375rem}.fancy:hover .text{color:#fff;padding-left:1.5em}.fancy:hover .top-key{width:0;left:-2px}.fancy:hover .bottom-key-1,.fancy:hover .bottom-key-2{width:0;right:0}