.editorial-home {
    --card-action-ink: var(--home-ink);
    --card-action-accent: var(--home-accent);
}

.post-list__items {
    --card-action-ink: var(--color-base-content);
    --card-action-accent: var(--color-primary);
}

.home-category__item .post-card__footer,
.post-list__items > .post-card .post-card__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem 0.7rem;
}

.home-category__item .post-card__more,
.home-category__item .post-card__save,
.post-list__items > .post-card .post-card__more,
.post-list__items > .post-card .post-card__save {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    height: 2.25rem;
    min-height: 2.25rem;
    box-sizing: border-box;
    padding: 0 0.55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    font-family: Outfit, system-ui, sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.home-category__item .post-card__more,
.post-list__items > .post-card .post-card__more {
    color: color-mix(in oklab, var(--card-action-ink) 80%, transparent);
    font-weight: 600;
}

.home-category__item .post-card__more svg,
.post-list__items > .post-card .post-card__more svg {
    display: none;
}

.home-category__item .post-card__more::after,
.post-list__items > .post-card .post-card__more::after {
    content: "↗";
    display: inline-block;
    flex: none;
    font-family: Outfit, system-ui, sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1;
}

.home-category__item .post-card__save,
.post-list__items > .post-card .post-card__save {
    color: color-mix(in oklab, var(--card-action-ink) 65%, transparent);
}

.home-category__item .post-card__save svg,
.post-list__items > .post-card .post-card__save svg {
    display: block;
    flex: none;
    width: 0.94rem;
    height: 0.94rem;
}

.home-category__item .post-card__more:hover,
.home-category__item .post-card__more:focus-visible,
.home-category__item .post-card__save:hover,
.home-category__item .post-card__save:focus-visible,
.post-list__items > .post-card .post-card__more:hover,
.post-list__items > .post-card .post-card__more:focus-visible,
.post-list__items > .post-card .post-card__save:hover,
.post-list__items > .post-card .post-card__save:focus-visible {
    background: color-mix(in oklab, var(--card-action-ink) 6%, transparent);
    border-color: transparent;
    color: var(--card-action-accent);
}

.home-category__item .post-card__save.is-saved,
.home-category__item .post-card__save[aria-pressed="true"],
.post-list__items > .post-card .post-card__save.is-saved,
.post-list__items > .post-card .post-card__save[aria-pressed="true"] {
    background: transparent;
    border-color: transparent;
    color: var(--card-action-accent);
}

.home-category__item .post-card__more:focus-visible,
.home-category__item .post-card__save:focus-visible,
.post-list__items > .post-card .post-card__more:focus-visible,
.post-list__items > .post-card .post-card__save:focus-visible {
    outline: 2px solid var(--card-action-accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
    .home-category__item .post-card__more,
    .home-category__item .post-card__save,
    .post-list__items > .post-card .post-card__more,
    .post-list__items > .post-card .post-card__save {
        transition: background-color 180ms ease, color 180ms ease;
    }
}