.weblogPost {
    display: flex;
    flex-direction: column;
    gap: var(--gridGutter);
}

.weblogPost__backLink {
    font-family: var(--proximaMedium);
    font-size: var(--h4Size);
    color: var(--baseLight900);
}

.weblogPost__intro,
.weblogPost__text {
    margin-block-end: 3rem;
}

.weblogPost__titleSection {
    text-align: center;
}

.weblogPost .postMetaInfo {
    justify-content: center;
    text-align: left;
}

.weblogPost__title {
    margin-block: 2rem;
    hyphens: auto;
}

.weblogPost__intro {
    margin-inline: auto;
    font-size: var(--introSize);
}

.weblogPost__image {
    border-radius: var(--borderRadiusSmall);
}

.weblogPost__text {
    margin-inline: auto;
}

.weblogPost__contentSection {
    position: relative;
    margin-block: var(--margin);
}

@media (min-width: 768px) {
    .weblogPost__intro,
    .weblogPost__text {
        max-width: 80%;
    }

    .weblogPost__share:has(.ShareButtons--sizeSmall) {
        --socialMediaButtonSize: 26px;
    }

    .weblogPost__share:has(.ShareButtons--sizeNormal) {
        --socialMediaButtonSize: 32px;
    }

    .weblogPost__share:has(.ShareButtons--sizeLarge) {
        --socialMediaButtonSize: 42px;
    }

    .weblogPost__share {
        position: absolute;
        left: calc(20% - var(--socialMediaButtonSize) - 1.5rem);
        top: .4rem;
        display: flex;
        flex: 0 0 var(--socialMediaButtonSize);
        max-width: var(--socialMediaButtonSize);
    }

    .weblogPost__share .ShareButtons {
        flex-direction: column;
    }
}