/**
 * Section: cta-circle-arrow
 *
 * Extracted from template-parts/cta_circle_arrow.php.
 * Loaded via trunorth_enqueue_section('cta-circle-arrow').
 */

.cta-circle-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: none;
        cursor: pointer;
        border-radius: 50%;
        text-decoration: none;
        min-width: 2rem;
        min-height: 2rem;
        transition: background 0.2s;
        aspect-ratio: 1/1;
        flex-shrink: 0;

        &:hover {
            filter: brightness(0.85);
        }

        i {
            color: #fff;
            font-size: clamp(1rem, calc(var(--vw) * 5), 2rem);
        }
    }