.scroll-avanzar {
            width: 250px;
            height: auto;
            display: block;

            color: #171717;
            overflow: visible;
        }

        /* Borde exterior */
        .scroll-avanzar__borde {
            fill: none;
            stroke: currentColor;
            stroke-width: 6;
        }

        /* Ruta invisible por la que avanzan las letras */
        .scroll-avanzar__ruta {
            fill: none;
            stroke: none;
        }

        /* Grupo de letras generado con JavaScript */
        .scroll-avanzar__texto {
            opacity: 0;
            transition: opacity 0.15s ease;
            pointer-events: none;
        }

        .scroll-avanzar__texto.is-visible {
            opacity: 1;
        }

        .scroll-avanzar__letra {
            fill: currentColor;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 58px;
            font-weight: 400;

            text-anchor: middle;
            dominant-baseline: central;

            pointer-events: none;
            user-select: none;
        }

        /* Flecha central */
        .scroll-avanzar__flecha {
            fill: none;
            stroke: currentColor;
            stroke-width: 22;
            stroke-linecap: square;
            stroke-linejoin: miter;
        }

        @media (max-width: 600px) {
            .scroll-avanzar__letra {
                font-size: 36px;
            }
        }