my_tests/assets/css/components/_top-designer.scss

$main-font-family:'Microsoft JhengHei', Helvetica,Noto Sans TC,Roboto,Arial,sans-serif;


// top-designer
.top-designer{
    margin-top: 5rem;

    .top-designer-box{
        position: relative;

        .top-designer-btn{
            cursor: pointer;
            color: #aaa;
            position: absolute;
            right: 3%;
            top: 10%;
        }

        .hide-btn{
            position: relative;
            color: #FFF;
            font-size: 12px;
            text-align: center;
            line-height: 4;
            content: '';
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #9b9b9b;
            display: inline-block;
            &::before{
                position: absolute;
                left: 35%;
                content: "\f106";
                color: #FFF;
                font-weight: normal;
                font-style: normal;
                font-size: 1.5em;
                font-family: FontAwesome;
                line-height: 22px;
            }
        }
    }

    .top-designer-wrapper{
        margin-left: auto;
        margin-right: auto;
        width: 90%;

        img{
            width: 100%;
            &:hover{
                cursor: pointer;
            }
        }
    }
}