.card{--bg:#f7f7f8;--hover-bg:#cc0031;--hover-text:#fff;max-width:23ch;min-width:23ch;text-align:center;background:var(--bg);border-radius:5px 5px 0 0;position:relative;overflow:hidden;transition:.3s cubic-bezier(.6,.4,0,1),transform .15s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;height:300px;border:3px solid #000;border-bottom:none}@media (prefers-color-scheme:dark){.card{--bg:#111}}.card__body{color:#464853;line-height:1.5em;font-size:1em}.card>:not(a){transition:.3s cubic-bezier(.6,.4,0,1)}.card a{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--hover-text);border-radius:5px;font-weight:700;top:100%;transition:all .3s cubic-bezier(.6,.4,0,1)}.card:hover>div{opacity:.9}.card-image{transition:.5s;cursor:pointer}.card-image:hover{transform:scale(1.1)}