.authorContainer {
    @include flex-direction(row);
    @include flex-align(center, center);
    display: grid;
    grid-template-columns: 4.8rem 1fr;
    gap: 0.8rem;

    > img {
        border-radius: var(--author-template-three-image-border-radius,  10rem);
        border: var(--author-template-three-author-image-border, 1px solid #ececec);
    }
}

.authorName {
    font-size: var(--author-template-three-author-name-font-size, 1.6rem);
    font-weight: var(--author-template-three-author-name-font-weight, 700);
    line-height: var(--author-template-three-author-name-line-height, 2.2rem);
    color: var(--author-template-three-author-name-font-color, #1b1b1c);
}

.authorDataContainer {
    @include flex-direction(column);
    @include flex-align(flex-start, space-between);
    gap: 0.4rem;
}

.prefix {
    color: var(--author-template-three-prefix-text-color, #64646d);
    text-decoration: none;
    font-size: var(--author-template-three-reviewer-title-font-size, 1.4rem);
    font-weight: var(--author-template-three-reviewer-title-font-weight, 500);
    line-height: var(--author-template-three-reviewer-title-line-height, 2.2rem);
}

.authorTitle {
    font-size: var(--author-template-three-author-title-font-size, 0.9rem);
    font-weight: var(--author-template-three-author-title-font-weight, 700);
    line-height: var(--author-template-three-author-title-line-height, 1.2rem);
    letter-spacing: var(--author-template-three-author-title-letter-spacing, 0.5px);
    text-align: center;
    padding: 0.4rem 0.8rem;
    gap: 1rem;
    border-radius: var(--author-template-three-author-title-border-radius, 10rem);
    background: var(--author-template-three-author-title-background-color, #6e33e5);
    color: var(--author-template-three-author-title-color, #ffffff);
    text-transform: uppercase;
}

.reviewerTitle {
    @include flex-direction(row);
    @include flex-align(center, center);
    gap: 0.4rem;
    color: var(--author-template-three-revierwer-title-text-color, #64646d);
    text-decoration: none;
    font-size: var(--author-template-three-reviewer-title-font-size, 1.4rem);
    font-weight: var(--author-template-three-reviewer-title-font-weight, 500);
    line-height: var(--author-template-three-reviewer-title-line-height, 2.2rem);
}