.byreen-hover-card{--bh-bg:#fff;--bh-title:#fff;--bh-title-hover:#831843;--bh-text:#666;--bh-btn:#fce7f3;--bh-btn-hover:#fbcfe8;background:var(--bh-bg);border:1px solid #fbcfe899;border-radius:2rem;width:100%;max-width:20rem;height:30rem;margin:0 auto;padding:.5rem;position:relative;overflow:clip;box-shadow:0 4px 24px -8px #be185d26}.byreen-hover-card:before{content:"";-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);pointer-events:none;z-index:2;border-radius:0 0 1.5rem 1.5rem;width:calc(100% - 1rem);height:30%;transition:translate .25s;position:absolute;bottom:.5rem;left:.5rem;translate:0;-webkit-mask:linear-gradient(#0000,#000 80%);mask:linear-gradient(#0000,#000 80%)}.byreen-hover-card__image-wrap{border-radius:1.5rem;display:block;overflow:hidden}.byreen-hover-card__image{aspect-ratio:2/3;object-fit:cover;object-position:50% 5%;border-radius:1.5rem;width:100%;max-width:100%;height:auto;transition:aspect-ratio .25s,object-position .5s;display:block}.byreen-hover-card__section{z-index:3;flex-direction:column;height:calc(33.3333% - 1rem);margin:1rem;display:flex;position:relative}.byreen-hover-card__title{margin:0;color:var(--bh-title);opacity:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block-end:1rem;font-size:1.35rem;font-weight:700;line-height:1.2;transition:color .5s,margin-block-end .25s,translate .25s;display:-webkit-box;overflow:hidden;translate:0 -200%}.byreen-hover-card__desc{color:var(--bh-text);opacity:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.35;transition:margin-block-end .25s,opacity .35s .2s,translate .25s .2s;display:-webkit-box;overflow:hidden;translate:0 100%}.byreen-hover-card__footer{opacity:0;flex:1;justify-content:space-between;align-items:flex-end;gap:.5rem;transition:translate .25s .2s,opacity .35s;display:flex;translate:0 100%}.byreen-hover-card__tag{color:var(--bh-title-hover);white-space:nowrap;align-self:center;font-size:.95rem;font-weight:600}.byreen-hover-card__btn{background:var(--bh-btn);outline-offset:2px;color:var(--bh-title-hover);text-align:right;cursor:pointer;border:1px solid #0000;border-radius:1.25rem 1.25rem 1.5rem;min-width:7.5rem;padding:.85rem 1.25rem .85rem 2.5rem;font-size:.9rem;font-weight:600;transition:background .33s;position:relative;translate:1rem}.byreen-hover-card__btn:before,.byreen-hover-card__btn:after{content:"";background:currentColor;border-radius:1rem;width:.85rem;height:.1rem;position:absolute;top:50%;left:1.15rem}.byreen-hover-card__btn:after{transition:rotate .15s;rotate:90deg}.byreen-hover-card__btn--added:after{rotate:none}.byreen-hover-card__btn:hover:not(:disabled){background:var(--bh-btn-hover)}.byreen-hover-card__btn:focus-visible{outline:2px solid var(--bh-text)}.byreen-hover-card__btn:disabled{opacity:.55;cursor:not-allowed}.byreen-hover-card:hover:before,.byreen-hover-card:focus-within:before{translate:0 100%}.byreen-hover-card:hover .byreen-hover-card__image,.byreen-hover-card:focus-within .byreen-hover-card__image{aspect-ratio:1;object-position:50% 10%;transition:aspect-ratio .25s,object-position .25s}.byreen-hover-card:hover .byreen-hover-card__title,.byreen-hover-card:focus-within .byreen-hover-card__title{color:var(--bh-title-hover);margin-block-end:.5rem;translate:0}.byreen-hover-card:hover .byreen-hover-card__desc,.byreen-hover-card:focus-within .byreen-hover-card__desc{opacity:1;margin-block-end:.5rem;translate:0}.byreen-hover-card:hover .byreen-hover-card__footer,.byreen-hover-card:focus-within .byreen-hover-card__footer{opacity:1;transition:translate .25s .25s,opacity .35s .25s;translate:0}@media (hover:none){.byreen-hover-card:before{translate:0 100%}.byreen-hover-card__image{aspect-ratio:1/1.1;object-position:50% 10%}.byreen-hover-card__title{color:var(--bh-title-hover);margin-block-end:.25rem;translate:0}.byreen-hover-card__desc{opacity:1;margin-block-end:.25rem;translate:0}.byreen-hover-card__footer{opacity:1;translate:0}}@media (max-width:640px){.byreen-hover-card{border-radius:1.5rem;height:20rem;padding:.25rem}.byreen-hover-card__image-wrap,.byreen-hover-card__image{border-radius:1.25rem}.byreen-hover-card__section{flex:1;height:auto;margin:.5rem}.byreen-hover-card__title{-webkit-line-clamp:1;font-size:.95rem}.byreen-hover-card__desc{-webkit-line-clamp:1;font-size:.75rem}.byreen-hover-card__footer{flex-direction:column;align-items:flex-start;gap:.25rem}.byreen-hover-card__tag{font-size:.8rem}.byreen-hover-card__btn{min-width:100%;padding:.5rem 1rem .5rem 2rem;font-size:.75rem;translate:0}.byreen-hover-card__btn:before,.byreen-hover-card__btn:after{width:.65rem;left:.75rem}}