.parent{height:5%}.child,.parent{display:flex;justify-content:center;align-items:center}.child{width:50px;height:50px;transform-style:preserve-3d;transition:all .5s ease-in-out;border-radius:50%;margin:0 5px}.child:hover{background-color:#fff;background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,30deg);transform:perspective(180px) rotateX(60deg) translateY(2px);box-shadow:0 10px 10px #0131b6}button{border:none;background-color:transparent;font-size:20px}.button:hover{width:inherit;height:inherit;display:flex;justify-content:center;align-items:center;transform:translateZ(15px) perspective(180px) rotateX(-35deg) translateY(2px);border-radius:50%}