.section-heading {
    position: relative;
    display: inline-block;
}

.section-permalink {
    position: absolute;
    inset-inline-end: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-inline-end: 0.35em;
    font-size: 1em;
    line-height: 1;
    text-decoration: none !important;
    color: var(--bs-tertiary-color) !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.section-permalink:hover,
.section-permalink:focus,
.section-permalink:focus-visible {
    color: var(--bs-secondary-color) !important;
}

.section-heading:hover .section-permalink,
.section-heading:focus-within .section-permalink,
.section-heading.is-revealed .section-permalink {
    opacity: 1;
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .section-permalink {
        transition: none;
    }
}

#features,
#pricing,
#pricing-speaking,
#tutors-free-access,
#exam-dates,
#faq {
    scroll-margin-top: 6rem;
}

@media (min-width: 768px) {
    #features,
    #pricing,
    #pricing-speaking,
    #tutors-free-access,
    #exam-dates,
    #faq {
        scroll-margin-top: 4rem;
    }
}