.multiuse-card{position:relative;display:flex;flex-direction:column;gap:var(--layout-space-8);overflow:hidden;text-decoration:none;color:var(--color-base-text)}.multiuse-card__media--extra-radius .multiuse-card__media{border-radius:2rem}.multiuse-card__media{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;position:relative;overflow:hidden;border-radius:.4rem}.multiuse-card__image{width:100%;height:380px;transition:var(--duration-medium) ease-in-out all;object-fit:cover;object-position:center}.multiuse-card__content h4{font-size:var(--text-size-base);font-family:var(--font-body-family);font-weight:var(--font-weight-semibold);line-height:2.6rem;margin-bottom:var(--layout-space-4);transition:var(--duration-medium) ease-in-out gap}.multiuse-card__content p{font-size:var(--text-size-xs);font-weight:var(--font-weight-normal);line-height:2.4rem;margin:0}.multiuse-card__tag{border-radius:5rem;position:absolute;top:var(--layout-space-8);left:var(--layout-space-8);font-size:var(--text-size-xs);border:1px solid rgb(var(--color-white));color:rgb(var(--color-white));padding:var(--layout-space-6) var(--layout-space-8);font-weight:var(--font-weight-medium);background-color:#0003;margin:0;line-height:var(--text-size-xs)}.multiuse-card__readmore-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.multiuse-card__readMore{display:flex;align-items:center;gap:var(--layout-space-4);z-index:1;min-width:fit-content;width:fit-content;padding:var(--layout-space-12) var(--layout-space-20) var(--layout-space-12) var(--layout-space-12);background-color:var(--color-primary);text-transform:uppercase;color:var(--color-base-text);text-decoration:none;font-weight:var(--font-weight-semibold);border-top-right-radius:5rem;border-bottom-right-radius:5rem;margin-left:-100%;transition:var(--duration-medium) ease-in-out margin-left}.multiuse-card__readMore svg{width:2rem;height:2rem}.multiuse-card:hover .multiuse-card__readMore{margin-left:0}.multiuse-card:hover .multiuse-card__image{transform:scale(1.2)}.multiuse-card:hover .multiuse-card__content--overlay h4{gap:var(--layout-space-12)}.multiuse-card__content--overlay{position:absolute;bottom:0;left:0;width:100%;padding:var(--layout-space-8) var(--layout-space-12);border-top:1px solid rgb(var(--color-white));background-color:rgba(var(--color-base-text),.3)}.multiuse-card__content--overlay h4{margin:0;color:rgb(var(--color-white));font-weight:var(--font-weight-medium);line-height:3.4rem;display:flex;align-items:center;gap:var(--layout-space-8)}.multiuse-card__content--overlay svg{width:2rem;height:2rem}@media screen and (min-width: 750px){.multiuse-card__media{min-height:38rem}.multiuse-card{gap:var(--layout-space-12)}.multiuse-card__content h4{line-height:2.8rem}.multiuse-card__content p{font-size:var(--text-size-base);line-height:2.6rem}}@supports not (inset: 10px){.articles-wrapper.grid{margin:0 0 var(--layout-space-10) 0}@media screen and (min-width: 750px){.articles-wrapper.grid{margin-bottom:var(--layout-space-14)}}}
/*# sourceMappingURL=/cdn/shop/t/698/assets/component-multiuse-card.css.map */