InnovationLab/public/backup/assets/css/container/_sharePage.scss

.sharePage {
    position: relative;
    width: 100%;
    height: 100%;
    // display: flex;
    // flex-direction: column;
    &__header {
        position: relative;
        padding-top: em(60);
        padding-left: em(30);
    }

    &__body {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: em(32);
    }

    &__footer {
        position: absolute;
        width: 100%;
        height: em(346);
        padding-top: em(250);
        left: 0;
        bottom: 0;
        visibility: hidden;
        pointer-events: none;
        &.is__show {
            visibility: visible;
            pointer-events: auto;
        }
        &.is__hidden {
            visibility: hidden;
        }
    }

    &__title {
        position: relative;
        padding-bottom: em(20);
        width: em(500);
        
    }

    &__demo {
        position: relative;
        width: em(500);
        height: em(500);
        border-radius: em(20);
        border: 1px solid #4B5283;
        background-color: #FFEFBE;
        overflow: hidden;
    }

    &__picture {
        position: relative;
        width: em(500);
        height: em(500);
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    &__loader {
        position: absolute;
        width: em(500);
        height: em(500);
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .loader__text {
            position: relative;
            color: #FFEFBE;
            font-size: rem(32);
            font-weight: 700;
            line-height: em(40, 32);
            text-align: center;
            margin-top: em(30);
        }

        .loader-46 {
            position: relative;
            width: em(40);
            height: em(40);
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            transform: scale3d(1.8, 1.8, 1.8);
            &::after {
              content: '';
              width: em(16);
              height: em(16);
              border-radius: 50%;
              position: absolute;
              left: 0;
              transform: translate(-50%, 100%);
              animation: animloader46 1s linear infinite ;
              top: 0;
            }
        }
    }

    .btn__back {
        cursor: pointer;
        position: relative;
        width: em(233);
    }

    .btn__group {
        position: relative;
        width: 100%;
        height: em(96);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn__line, .btn__facebook {
        cursor: pointer;
        font-size: rem(36);
        font-weight: 700;
        line-height: em(96, 36);
        height:  em(96, 36);
        width: 50%;
        text-align: center;
    }

    .btn__line {
        background-color: white;
        color: #4B5283;

    }

    .btn__facebook {
        color: #FFEFBE;
        background-color: #4B5283;
    }
}