InnovationLab/public/css/page/_sharePage.scss

.share {
    opacity: 0;
    visibility: hidden;
    height: 100vh; /*給 Safari 以外的瀏覽器讀取*/
    height: calc(var(--vh, 1vh) * 100);
    background: url(https://d1xzlli46wohoc.cloudfront.net/images/sharePage/bg.png)no-repeat center top/cover;
    img {
        width: 100%;
        height: auto;
        image-rendering: pixelated;
        image-rendering: -webkit-optimize-contrast;
    }
    &__content {
        position: relative;
        top: 10%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        
    }
    &__title {
        width: 151px;
        height: auto;
        margin-bottom: 30px;
    }
    &__pic {
        width: 300px;
        height: 300px;
        border-radius: 20px;
        overflow: hidden;
        border: 2px solid $blue;
    }
    &__table {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
    &__cta {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }
    &__btn {
        width: 50%;
        text-align: center;
        font-size: 18px;
        line-height: 1;
        letter-spacing: 0.3px;
        padding: 15px;
        &-line {
            background-color: #fff;
            color: $blue;
            font-weight: 700;
            &:not([href]) {
                color: $blue;
            }
            &:not([href]):hover {
                color: $blue;
            }
        }
        &-fb {
            background-color: $blue;
            color: #FFEFBE;
            font-weight: 500; 
            &:not([href]) {
                color: #FFEFBE;
            }
            &:not([href]):hover {
                color: #FFEFBE;
            }
        }
    }
}