.blog-hero {
    padding-block: 7rem;
    position: relative;
}

.blog-hero__decoration {
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: block;
    width: 100%;
    right: 0rem;
    top: -10rem;
    user-select: none;
}

.blog-hero__title {
    color: var(--text-loud, #0d0d12);
    max-width: 45rem;
    font-size: 3.4375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 3.4375rem */
    letter-spacing: -0.17188rem;
}

.blog-hero__title--centered {
    text-align: center;
    margin-inline: auto;
}


.blog-hero__tags {
    display: flex;
    padding: 2.125rem 0.875rem;
    align-items: center;
    gap: 1.5rem;
    width: max-content;
}

.blog-hero__tags__wrapper {
    overflow: scroll;
}

.blog-hero__tag {
    color: var(--text-normal);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 1rem */
    letter-spacing: -0.03rem;
}

.blog-hero__tag--active,
.blog-hero__tag:hover {
    color: var(--text-loud);
}