/* next trail — thank-you timeline */
.next-trail__h1.next-trail__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.next-trail__tight.next-trail__tight {
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.next-trail__dot {
    width: 1.5rem;
    height: 1.5rem;
}

/* the rule the stops sit on: vertical on mobile, horizontal from md */
.next-trail__track::before {
    content: "";
    position: absolute;
    left: 0.7rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 2px;
    background: currentColor;
    opacity: 0.25;
}

@media (min-width: 768px) {
    .next-trail__track::before {
        left: 0;
        right: 0;
        top: 0.7rem;
        bottom: auto;
        width: auto;
        height: 2px;
    }
}

.next-trail__btn {
    min-height: 3.75rem;
}

.next-trail__btn-fill.next-trail__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.next-trail__btn:hover .next-trail__btn-fill,
.next-trail__btn:focus-visible .next-trail__btn-fill {
    transform: translateY(-70%);
}

@media (prefers-reduced-motion: reduce) {
    .next-trail__btn-fill.next-trail__btn-fill {
        transition: none;
    }
}