/* ==========================================================================
   PB Framework
   COMPONENT : LINKS
   ========================================================================== */

/* -------------------------------------------------------
   Link principal
------------------------------------------------------- */

.pb-root .link-arrow{

    display:inline-flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    gap:.40rem;
    margin-bottom: var(--space-5);
    margin-top: var(--space-5);


    font-family:var(--fuente-acento);
    font-size:1.4rem;
    font-weight:600;

    color:var(--color-seleccion);

    text-decoration:none;

    transition:
        color .25s ease,
        gap .25s ease;

}

.pb-root .link-arrow::after{

    content:"\2192";

    font-size:1.3em;
    align-items:center;


    transition:transform .25s ease;

}

.pb-root .link-arrow:hover{

    gap:1rem;

}

.pb-root .link-arrow:hover::after{

    transform:translateX(.30rem);

}

/* -------------------------------------------------------
   Responsive
------------------------------------------------------- */
@media (max-width: 640px) {
    .pb-root .link-arrow {
        font-size: 1.25rem;
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .pb-root .link-arrow::after {
        font-size: 1.2em;
    }
}


/* -------------------------------------------------------
   Link discreto
------------------------------------------------------- */

.pb-root .link-minimal{

    font-size:.95rem;

    color:var(--color-texto);

    text-decoration:none;

    transition:color .25s;

}

.pb-root .link-minimal:hover{

    color:var(--color-bordoy);

}