.section-title {
    position: relative;
}

.section-title__back {
    display: none;
    width: 1.2rem;
    height: 1.2rem;
    border-bottom: 2px solid var(--color__fill-2);
    border-left: 2px solid var(--color__fill-2);
    transform: rotate(45deg);
    position: relative;
    top: 1px;
    left: 0.375rem;
    opacity: .48;
    transition: opacity ease .24s;
}

.section-title__back:hover {
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .section-title__link {
        display: flex !important;
    }

    .section-title__arrow {
        opacity: .48;
        margin-right: 0;
        height: 1.33rem !important;
        width: .92rem !important;
    }

    .section-title__title {
        margin-left: 1rem;
    }
}

@media screen and (max-width: 640px) {

    .section-title__title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .section-title__arrow path {
        stroke-width: 1.75px;
    }

    .section-title-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.45rem;
    }

    .section-title__back {
        display: block;
    }

    .section-title-wrap .page-count {
        margin-left: 2rem !important;
        font-weight: 600;
        font-size: 1.07rem;
    }
}