@use "../abstracts/mixins";
@use "../abstracts/variables";

.webinarBloc{
    margin: 7.5vh 25% 0 25%;
    
    @include mixins.respondTo('xs'){
        margin-left: 20px;
        margin-right: 0;
        margin-top: 80px;
    }

    &_surtitle{
        font-family: variables.$ffC;
        text-transform: uppercase;
        @include mixins.fontSize(14,16);
        font-weight: 700;
        color: variables.$cPrimary;
        margin-bottom: 10px;
    }

    &_title{
        font-family: variables.$ffC;
        text-transform: uppercase;
        @include mixins.fontSize(24,20);
        font-weight: 700;
        margin-bottom: 20px;
    }

    &_content{
        @include mixins.fontSize(14,24);
        margin-bottom: 10px;
    }

    &_link{
        display: flex;
        align-items: flex-end;

        > div{
            width: calc(50% - 35px);
            height: 1px;
            background-color: #FFF;
            margin-right: 50px;

            @include mixins.respondTo('xs'){
                width: auto;
                flex: 1;
                margin-right: 20px;
            }
        }
    }
}