.card-event{background-color:var(--background-color-primary);display:inline-flex;flex-direction:column;max-width:400px;min-height:360px;min-width:320px;padding:var(--app-gap);position:relative}.card-event.future{background-color:var(--ivory-white)!important;max-width:560px}.card-event.future time{color:var(--dark-grey)}.card-event.outline{background-color:transparent;border:1px solid var(--background-color-secondary)}.card-event time{margin-top:8px}.card-event h3{margin:12px var(--app-margin) 40px 0}.card-event h3>*{margin:0}.card-event .event__meta{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:auto}.card-event .event__meta .app-button{position:relative;z-index:10}@media screen and (min-width:480px){.card-event{min-width:360px}.card-event.future{min-width:480px}.card-event .event__meta .app-button{margin-left:auto}}.card-post{border:1px solid var(--background-color-secondary);display:inline-flex;flex-direction:column;gap:12px;max-width:calc(100vw - var(--app-margin) - var(--app-gap));max-width:calc(var(--vw, 1vw)*100 - var(--app-margin) - var(--app-gap));min-height:160px;padding:var(--app-gap);position:relative}.card-post h4{margin:4px 12px 20px 0}.card-post h4>*{margin:0}.card-post figure{display:inline-grid;flex-grow:1;margin:0;overflow:hidden;position:relative}.card-post figure img{transition:transform .2s ease-in-out;width:100%}@media (hover){.card-post:hover figure img{transform:scale(1.05)}}@media screen and (min-width:480px){.card-post{max-width:440px}}