.closing-link-wrapper {
	text-decoration: none;
	display: block; /* block to allow full width for text alignment */
}

.closing-line {
    font-family: "Archivo", sans-serif;
    font-weight: 800;
    font-size: clamp(36px, 5vw, 80px);
    line-height: 1; /* Default line-height */
    letter-spacing: -0.04em;
    color: #fff; /* default fallback */
    display: inline;
}

.closing-red {
    color: #e10600; /* default fallback */
}

.closing-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e10600; /* default fallback */
    /* Transition specifically the outer span transform for the hover jump, 
       so the rotation on the inner element doesn't conflict */
    transition: transform .4s cubic-bezier(.16, 1, .3, 1), color .3s ease;
    margin-left: 5px; /* Default offset */
    margin-top: -5px; /* Default offset */
    vertical-align: middle;
}

.closing-arrow svg, .closing-arrow i {
	fill: #e10600;
	transition: fill .3s ease, transform .3s ease;
}

/* Hover jump only affects the outer wrapper wrapper */
.closing-link-wrapper:hover .closing-arrow {
    transform: translate(7px, -7px);
}

.closing-line span.part-1, .closing-line span.closing-red {
    transition: color .3s ease;
}

/* Force space to act like natural space */
.closing-line span.part-1, .closing-line span.closing-red {
    display: inline;
}