.kss-book-card__view-btn{position:relative;display:flex;align-items:center;justify-content:flex-end;width:4.4rem;height:4.4rem;border-radius:999px;background:#f5f0da;outline:1px solid #5a4f7a99;outline-offset:-1px;box-shadow:0 .3rem .6rem #2d284038;overflow:hidden;text-decoration:none;pointer-events:auto;transition:width .3s ease,box-shadow .25s ease}.kss-book-card__view-icon{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;flex-shrink:0;color:#5a4f7a}.kss-book-card__view-icon svg{width:2.5rem;height:2.5rem;stroke-width:1.5}.kss-book-card__view-caption{font-size:1.8rem;line-height:1;letter-spacing:.03rem;text-transform:uppercase;font-weight:500;color:#5a4f7a;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .15s ease}.kss-book-card__view-btn:hover{width:10.7rem;box-shadow:0 .4rem .9rem #2d28404d}.kss-book-card__view-btn:hover .kss-book-card__view-caption{max-width:8rem;opacity:1;transition:max-width .3s ease,opacity .25s ease .1s}.kss-book-card__cart-btn{-webkit-appearance:none;appearance:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.kss-book-card__cart-btn--printed{background:#5a4f7a}.kss-book-card__cart-btn--printed .kss-book-card__view-icon,.kss-book-card__cart-btn--printed .kss-book-card__view-caption{color:#fff}.kss-book-card__cart-btn--digital{background:#fff}.kss-book-card__cart-btn--digital .kss-book-card__view-icon,.kss-book-card__cart-btn--digital .kss-book-card__view-caption{color:#7a6f9a}.kss-book-card__cart-price{font-weight:600}.kss-book-card__cart-btn .loading__spinner{top:0;right:0;width:4.4rem;height:100%;display:flex;align-items:center;justify-content:center}.kss-book-card__cart-btn .loading__spinner svg{width:2.5rem;height:2.5rem}.kss-book-card__cart-btn.loading .kss-book-card__view-icon{opacity:0}.kss-book-card__cart-btn--printed .loading__spinner .path{stroke:#fff}.kss-book-card__cart-btn--digital .loading__spinner .path{stroke:#7a6f9a}.kss-book-card__cart-btn.kss-book-card__view-btn:hover{width:calc(4.4rem + var(--kss-caption-width, 16rem) + 1.8rem)}.kss-book-card__cart-btn.kss-book-card__view-btn:hover .kss-book-card__view-caption{max-width:var(--kss-caption-width, 16rem)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kss-card-buttons.css.map */