.title{margin-left:2rem}.container{height:68vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.book{position:relative;width:700px;height:600px;transition:transform .5s}.paper{position:absolute;width:100%;height:100%;top:0;left:0;perspective:1500px}.paper img{width:100%;height:auto}.front,.back{background-color:#fff;position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:left;transition:transform .5s}.front{z-index:1;backface-visibility:hidden;border-left:3px solid rgb(var(--color-primary))}.back{z-index:0}.front-content,.back-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.back-content{transform:rotateY(180deg)}.flipped .front,.flipped .back{transform:rotateY(-180deg)}.button-container{display:flex;justify-content:center;margin-top:20px}button{border:none;background-color:rgb(var(--color-primary));font-weight:600;color:#fff;cursor:pointer;padding:8px 10px;margin:10px;transition:transform .5s}button:disabled{background-color:gray;opacity:.8;cursor:not-allowed}button:focus{outline:none}i{font-size:50px;color:gray}#p1{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/8/assets/flipping-book.css.map */