.petme-card{padding:var(--s3);background:var(--color-primary-container);color:var(--color-inverse-primary);border:1.5px solid var(--color-secondary-container);border-radius:var(--r-content);transition:border-color var(--motion-short) var(--curve-out);display:block}.petme-card--padded{padding:var(--s4)}.petme-card--interactive{cursor:pointer}@media (hover:hover){.petme-card--interactive:hover{border-color:color-mix(in srgb, var(--color-inverse-primary) 16%, var(--color-secondary-container))}}.petme-card--interactive:focus{outline:none}.petme-card--interactive:focus-visible{outline:2px solid var(--cta);outline-offset:2px}