.ExampleCard-presentTrigger{height:2.75rem;border-radius:9999px;appearance:none;border:none;background-color:#1f2937;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);cursor:pointer;padding-inline:1.25rem;text-box:trim-both cap alphabetic;font-size:1.125rem;font-weight:600;color:#fff}.ExampleCard-content{height:auto;max-width:580px;aspect-ratio:8/10;position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:stretch}@media (min-width:550px){.ExampleCard-content{aspect-ratio:9/10}}.ExampleCard-dismissTrigger{position:absolute;z-index:1;justify-self:end;top:1rem;right:1rem;width:32px;height:32px;appearance:none;border:none;border-radius:9999px;background-color:#e5e7eb;cursor:pointer;padding:0;display:grid;place-items:center;color:#6b7280}.ExampleCard-dismissIcon{width:22px;height:22px;stroke-width:2.5px}.ExampleCard-illustration{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--card-radius) var(--card-radius) 0 0;background-origin:border-box;border-bottom:1px solid rgba(0,0,0,.05)}.ExampleCard-information{max-width:min(100%,500px);padding:2rem 1.5rem;display:grid;gap:1.5rem;justify-items:center;align-content:center}.ExampleCard-title{margin:0;justify-self:center;text-align:center;text-wrap:balance;line-height:1.1;font-size:1.875rem;font-weight:900;color:#000}@media (min-width:600px){.ExampleCard-title{font-size:2.25rem}}.ExampleCard-description{margin:0;justify-self:center;text-align:center;text-wrap:balance;text-wrap:pretty;line-height:1.375;font-size:1.125rem;font-weight:700;color:#000}@media (min-width:600px){.ExampleCard-description{font-size:1.25rem}}.ExampleCard-validateTrigger{margin-top:2rem;height:4rem;width:100%;border-radius:1.25rem;appearance:none;border:4px solid #000;background-color:#b6f569;box-shadow:6px 6px 0 0 #000;cursor:pointer;transition:all .15s ease;padding-inline:2.5rem;display:grid;place-items:center;font-size:1.25rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#000}.ExampleCard-validateTrigger:hover{background-color:#a5e458;transform:translate(-1px,-1px);box-shadow:7px 7px 0 0 #000}.ExampleCard-validateTrigger:active{transform:translate(4px,4px);box-shadow:2px 2px 0 0 #000}