/* done mark — thank-you page with a drawn check */
.done-mark__h1.done-mark__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.done-mark__h2.done-mark__h2 {
    font-size: clamp(1.625rem, 1.49rem + 0.56vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.done-mark__tight.done-mark__tight {
    letter-spacing: -0.04em;
}

.done-mark__svg {
    display: block;
    width: clamp(8rem, 5rem + 12vw, 15rem);
    height: auto;
}

.done-mark__stroke {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: done-mark-draw 1.1s cubic-bezier(0.65, 0, 0.35, 1) 0.2s forwards;
}

.done-mark__stroke--thin {
    animation-delay: 0.45s;
}

@keyframes done-mark-draw {
    to { stroke-dashoffset: 0; }
}

.done-mark__btn {
    min-height: 3.75rem;
}

.done-mark__btn-fill.done-mark__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);
}

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

@media (prefers-reduced-motion: reduce) {
    .done-mark__stroke {
        animation: none;
        stroke-dashoffset: 0;
    }

    .done-mark__btn-fill.done-mark__btn-fill {
        transition: none;
    }
}