.button-icon{cursor:pointer;border-radius:12px;width:240px;height:46px;margin-top:-2px;display:flex}.icon{background-color:#fff;padding:10px 10px 5px}.icon svg{width:25px;height:25px}.cube{transform-style:preserve-3d;width:200px;height:20px;transition:all .4s}.button-icon:hover{border-color:#ff98a2}.button-icon:hover .cube{transform:rotateX(90deg)}.side{text-transform:capitalize;letter-spacing:.5px;justify-content:center;align-items:center;width:240px;height:47px;font-size:.8em;font-weight:700;display:flex;position:absolute}.top{background:var(--background);color:#000;transform:rotateX(-90deg)translate3d(0,13.5px,2em)}.front{background:var(--primary);color:#fff;transform:translateZ(1em)}@keyframes clickAnimation{0%{opacity:1;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(2px,2px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.mouse-click-icon{color:var(--primary-foreground);z-index:1;background:0 0;border-radius:50%;animation:1.5s infinite clickAnimation}