.register-back-to-site {
    position: fixed;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 1080;

    display: inline-flex;
    align-items: center;
    gap: .65rem;

    color: var(--vz-body-color);
    text-decoration: none;

    font-size: .875rem;
    font-weight: 500;

    transition:
        opacity .22s ease,
        transform .22s ease,
        color .22s ease;
}

.register-back-to-site:hover {
    color: var(--vz-primary);
    transform: translateX(-2px);
}

.register-back-to-site__icon {
    width: 2.35rem;
    height: 2.35rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    border: 1px solid currentColor;
    border-radius: 50%;

    background: transparent;
    box-shadow: none;

    transition:
        transform .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.register-back-to-site__icon i {
    display: block;
    margin: 0;
    padding: 0;

    font-size: 1.08rem;
    line-height: 1;

    transform: translateX(-.02rem);
}

.register-back-to-site:hover
.register-back-to-site__icon {
    transform: translateX(-2px);
    border-color: var(--vz-primary);
}

.register-back-to-site__label {
    white-space: nowrap;
}

/*
|--------------------------------------------------------------------------
| App-like page transition
|--------------------------------------------------------------------------
|
| Register page slides slightly to the right and fades before navigation.
| Reduced-motion users get an immediate navigation instead.
|
*/

.auth-page-wrapper.register-page-exit {
    pointer-events: none;
    animation: fgen-register-page-exit .34s cubic-bezier(.4, 0, .2, 1) forwards;
}

.register-back-to-site.register-page-exit {
    pointer-events: none;
    animation: fgen-register-back-exit .24s ease forwards;
}

@keyframes fgen-register-page-exit {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(42px, 0, 0);
    }
}

@keyframes fgen-register-back-exit {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }
}

@media (max-width: 767.98px) {
    .register-back-to-site {
        top: .85rem;
        left: .85rem;
    }

    .register-back-to-site__icon {
        width: 2.2rem;
        height: 2.2rem;
    }

    .register-back-to-site__label {
        font-size: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-back-to-site,
    .register-back-to-site__icon,
    .auth-page-wrapper.register-page-exit,
    .register-back-to-site.register-page-exit {
        transition: none !important;
        animation: none !important;
    }
}