.picture-frame{position:relative;top:0;left:0;transform:none;background:linear-gradient(180deg,var(--color-dark-blue),var(--color7));padding:7px;border-radius:15px;max-width:100%;&:after,&:before{content:url(https://storage.googleapis.com/stuff-kindle-p/golden-ornate-corner.svg);position:absolute;width:40px;height:40px;font-size:14px;color:var(--color2);line-height:12px;bottom:-2px;text-align:center}&:before{transform:rotate(180deg);left:3px;top:3px}&:after{transform:rotateX(180deg);top:3px;right:3px}}.book-rec-container{display:flex;background:linear-gradient(180deg,var(--color5),white);margin:auto;border:1px solid black;color:#2f2e2e;height:100%;min-height:600px;border-radius:10px;&:after,&:before{content:url(https://storage.googleapis.com/stuff-kindle-p/golden-ornate-corner.svg);position:absolute;width:40px;height:40px;font-size:14px;color:var(--color2);line-height:12px;bottom:-2px;text-align:center}&:before{transform:rotateY(180deg);left:3px;bottom:3px}&:after{bottom:3px;right:3px}&.kindleUnlimited .cover-image-wrapper:before{background:var(--color6);content:"KU";position:absolute;color:white;border-radius:100%;padding:2px 8px;margin-top:-10px;margin-right:-10px;top:0;right:0;font-family:urbane-rounded,sans-serif;font-size:12px}}.book-card-button-wrapper{margin-top:20px;margin-bottom:10px;& .buy-button{display:inline-flex;flex-direction:row}}.cover-image-wrapper{display:inline-block;position:relative;margin-top:20px;z-index:1}.shipping-availability{content:attr(data-content);position:absolute;top:-25px;right:-25px;background:var(--color4);border-radius:50%;color:#ffffff!important;font-family:yana,sans-serif;padding:7px 12px 2px}.cover-image{object-fit:cover;overflow:hidden;margin:0 auto;background-position:0;background-size:cover;width:121px}.book-rec{color:#2f2e2e;font-size:16px;font-family:Times New Roman,times,serif;text-align:center;padding:0 20px;margin:auto;line-height:28.8px;& div,& p{color:#2f2e2e}}.book-title{color:#2f2e2e;text-transform:uppercase;font-family:yana,serif;font-size:25px;font-stretch:100%;font-weight:900;margin:30px auto 0;letter-spacing:4px}.book-author-name{font-size:14px;color:#2f2e2e;margin-top:0}.book-description{color:#2f2e2e}.book-rec .title{font-size:14px;font-family:yana,serif;font-style:italic;line-height:1;letter-spacing:normal;margin-bottom:6px;margin-top:20px;color:#2f2e2e}.show-more-button{padding-top:20px;position:relative;&:hover{cursor:pointer}}.buy-button{display:block;text-decoration:none;padding:15px 17px;text-align:center;margin:5px;text-transform:uppercase;font-family:yana,serif;background-color:var(--color4);border:1px solid black;font-size:18px;line-height:1;letter-spacing:1px;&.bookstore-url{background-color:var(--color6)}&:hover{cursor:pointer;background-color:var(--color3);color:#ffffff}&.dark-purple{background:var(--color3);&:hover{background-color:var(--color4)}}}.bounce{position:absolute;left:50%;margin-left:-10px;top:10px;animation:bounce 1s infinite}@keyframes bounce{0%{top:10px}50%{top:15px}to{top:10px}}.heart-button{position:absolute;top:10px;right:10px;background:var(--color-light-gray);border:2px solid #e2e8f0!important;border-radius:50%;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;line-height:1!important;text-align:center!important;text-decoration:none!important;outline:none!important;box-sizing:border-box!important;flex-shrink:0!important;flex-grow:0!important}.heart-button:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.heart-button:active{transform:scale(.95)}.heart-button.favorited{background:rgba(239,68,68,.9)!important;border-color:#dc2626!important}.heart-button.favorited:hover{background:rgba(220,38,38,.95)!important;box-shadow:0 4px 12px rgba(239,68,68,.3)}.heart-button.loading{opacity:.7;cursor:not-allowed;pointer-events:none;transform:none!important}.heart-button .heart-icon{transition:color .2s ease;color:#9ca3af!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex-shrink:0!important;flex-grow:0!important}.heart-button .heart-icon.filled{color:#ffffff!important;animation:heartBeat .6s ease-in-out;opacity:1!important}.heart-button .heart-icon.outline{color:#9ca3af!important;opacity:.8!important}.heart-button:hover .heart-icon.outline{color:#ef4444!important;opacity:1!important}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width:768px){.heart-button{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;top:8px;right:8px}.heart-button .heart-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important}}