.BlogAuthor {
    display: flex;
    align-items: center;
    gap: 1rem;

    & .meta {
        display: flex;
        flex-direction: column;
        gap: .2rem;

        & .name {
            font-weight: bold;
        }
        & .date {
            font-size: .8rem;
        }
    }

    & .image {
        --size: 50px;
        height: var(--size);
        width: var(--size);
        border-radius: 50%;
        overflow: hidden;

        & img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }
}