.book{--pages:8px;isolation:isolate;position:relative}.book-pages{top:4.5%;bottom:3.5%;right:calc(var(--pages) * -1);width:calc(var(--pages) + 16px);z-index:-1;background:linear-gradient(#ffffff59,#0000 18% 82%,#0000001f),repeating-linear-gradient(90deg,#fbf3de 0 2px,#e3d3ae 2px 3px);border-radius:0 12px 12px 0;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;box-shadow:3px 0 #2a1d66,3px 0 0 1px #00000040,0 18px 26px -14px #03010fd9}.group:hover .book-pages,.book:hover .book-pages{transform:translate(2px)scaleY(1.01)}.book-sm{--pages:5px}.book-lg{--pages:12px}.book-lg .book-pages{border-radius:0 18px 18px 0}