.book{position:relative;border-radius:10px;width:300px;height:200px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);transform:preserve-3d;perspective:2000px;display:flex;align-items:center;justify-content:center;color:#000;padding:10px}.cover{top:0;position:absolute;background:linear-gradient(145deg,#d4af37,#b8962e);width:100%;height:100%;border-radius:10px;cursor:pointer;transition:all 0.5s;transform-origin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.book:hover .cover{transform:rotatey(-90deg)}.cover img{width:100%;height:stretch!important;object-fit:cover}.book .mission{color:#f5f5f5;font-size:clamp(13px, 1.35vw, 14px)}@media (min-width:755px){.book{width:450px;height:240px}}.card{display:flex;width:250px;height:50px;background-color:whitesmoke;border-radius:115px;padding-inline:15px;position:relative;justify-content:space-around}.social-icons{cursor:pointer;display:flex;transition:all 0.5s;align-items:center;justify-content:center;position:relative;color:#fff;font-weight:700;font-size:small}.social-icons>p{--var:-0%;position:absolute;top:var(--var);transition:all 0.7s;background-color:dodgerblue;border-radius:7px;opacity:0;padding-inline:7px;padding-block:3px;width:max-content}.social-icons>p::after{content:"";position:absolute;border-top:10px solid dodgerblue;border-left:7px solid #fff0;border-right:7px solid #fff0;top:100%;left:50%;transform:translate(-50%)}.social-icons>a{--var:-0%;position:absolute;bottom:var(--var);width:max-content;transition:all 0.7s;opacity:0;padding-inline:7px;padding-block:3px;background-color:crimson;border-radius:7px}.social-icons>a::after{content:"";position:absolute;border-bottom:10px solid crimson;border-left:7px solid #fff0;border-right:7px solid #fff0;bottom:100%;left:50%;transform:translate(-50%)}.social-icons:hover>a,.social-icons:hover>p{--var:-65%;opacity:1}.social-icons:hover{z-index:15}.card:hover>.social-icons:not(:hover){filter:blur(3px);transform:scale(.8)}.card svg{height:30px}