.species-hero-cards{position:relative}.species-hero-cards__divider{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%);background:#fff;pointer-events:none}.species-hero-cards__grid{display:flex;flex-direction:row;align-items:stretch;gap:0}@media screen and (min-width:750px){.species-hero-cards__grid{align-items:center}}.species-hero-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:1.8rem 1rem;text-decoration:none;background:var(--species-dog-hover, #084f78);transition:transform var(--duration-fast, .12s) var(--ease-out, ease)}.species-hero-card--cat{background:var(--species-cat-hover, #3f6b0a)}@media screen and (min-width:750px){.species-hero-card{gap:.6rem;padding:3.2rem 2.4rem}}.species-hero-card:hover,.species-hero-card:active{transform:translateY(-3px)}.species-hero-card__icon{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;color:#fff}@media screen and (min-width:750px){.species-hero-card__icon{width:10rem;height:10rem}}.species-hero-card__icon .svg-wrapper{width:100%;height:100%}.species-hero-card__icon .icon{width:100%;height:100%;stroke-width:1.5}@keyframes species-hero-card-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}.species-hero-card:hover .species-hero-card__icon,.species-hero-card:active .species-hero-card__icon{animation:species-hero-card-wiggle .5s var(--ease-joy, ease)}.species-hero-card__label{font-family:var(--font-heading-family);font-weight:var(--weight-display, 800);font-size:1.9rem;letter-spacing:var(--tracking-wide, .04em);text-transform:uppercase;color:#fff}.species-hero-card__discover{display:inline-flex;align-items:center;gap:.4rem;font-size:1.4rem;color:#fff}.species-hero-card__discover .svg-wrapper{width:1.4rem;height:1.4rem}.species-hero-card__discover .icon{width:1.4rem;height:1.4rem;stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-species-hero-cards.css.map */