.post-card {
    width: min(40rem, 100%);
    border-radius: 15px;
    background-color: white;
    color: var(--gray);

    .banner {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 15px 15px 0 0;
    }

    .info {
        padding: 1rem;
        display: grid;
        gap: 1rem;

        .date {
            height: 1rem;
            width: 100%;
            font-size: 1.125rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .title {
            margin: 0;
            font-size: 1.5rem;

            a {
                color: var(--red-darius-yasuo);
                text-decoration: none;
            }
        }

        .tags {
            display: flex;
            gap: 1rem;
            font-weight: bold;
            color: var(--gray);
        }

        & .link {
            color: inherit;
            font-weight: bold;
        }
    }
}