navigate-to-personal-details.scss

.navigate-to-personal-details {
    display: flex;
    flex-direction: column;

    @include desktop-screen {
        position: relative;
        top: 10%;
        row-gap: 2.6rem;
        width: 50%;
        height: 100%;
        align-self: center;
    }

    &__body {
        display: flex;
        flex-direction: column;
        align-items: center;

        @include mobile-or-tablet-screen {
            margin-top: 45%;
        }

        &--text {
            @include desktop-screen {
                line-height: 3rem;
            }

            @include mobile-or-tablet-screen {
                line-height: 2.4rem;
                padding: 0 3.2rem;
            }
        }

        @include desktop-screen {
            row-gap: 2.6rem;
        }

        @include mobile-or-tablet-screen {
            row-gap: 1.6rem;
            flex-grow: 1;
        }
    }

    &__footer {
        width: 100%;
        display: flex;
        justify-content: center;

        &--layout {
            padding: 1.6rem;
        }
    }
}