.mfof-landingpage-puffs{padding:1rem;text-decoration:none;background-color:var(--puff-bg);box-shadow:0 4px 6px -1px var(--env-box-shadow-color),0 2px 4px -2px var(--env-box-shadow-color);border-radius:var(--env-border-radius);display:flex;gap:1rem;flex-direction:column;transition:transform 300ms ease-out,box-shadow 300ms ease-out}.mfof-landingpage-puffs .mfof-puff-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mfof-landingpage-puffs .mfof-puff-heading .mfof-puff-h2{flex:1 0 0;text-decoration:none;color:var(--puff-text-color);margin:0}.mfof-landingpage-puffs .mfof-puff-heading .mfof-puff-icon{flex-shrink:0;height:2rem;width:2rem}.mfof-landingpage-puffs .mfof-puff-text{margin:0;color:var(--puff-text-color)}.mfof-landingpage-puffs .mfof-puff-info{display:flex;align-items:center;gap:.5rem}.mfof-landingpage-puffs .mfof-puff-info svg{flex-shrink:0;height:1.5rem;width:1.5rem}.mfof-landingpage-puffs .mfof-puff-info .mfof-puff-tag-group{color:var(--puff-text-color);margin:0}.mfof-landingpage-puffs::after{content:"";position:absolute;inset:0;transition:opacity 300ms ease-out;border-radius:inherit;pointer-events:none}.mfof-landingpage-puffs:hover{box-shadow:4px 8px 10px -1px rgba(0,0,0,.25),-4px 8px 10px -2px rgba(0,0,0,.25);transform:translateY(-8px)}.mfof-landingpage-puffs:focus-visible{outline:var(--env-focus-size) solid var(--env-focus-outline-color);outline-offset:var(--env-focus-offset)}@media(max-width: 904px){.mfof-landingpage-puffs{max-width:35rem;margin:auto}}