// BOTÕES
.btn{
    display: table;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: $color-thrid;
    color: $color-white;
    font-family: $font-main;
    font-size: $base-font;
    border: none;
    outline: none;
    border-radius: 20px;
    padding: 0 15px;
    cursor: pointer;
    transition: 300ms ease-in-out;

    &:hover{
        background-color: $color-primary;
    }

    &-secundary{
        background-color: $color-secundary;

        &:hover{
            background-color: $color-thrid;
        }
    }
}

// TEXTOS
.text{
    &-title{
        font-size: $base-line * 1.5;
        line-height: $base-line * 1.7;
        font-weight: 900;
        text-transform: uppercase;
        color: $color-secundary;
        margin-bottom: 20px;
        
        span{
            display: table;
            margin-bottom: 3px;
            padding: 5px 5px 2px;

            &:last-child{
                margin-bottom: 0;
            }
        }
    }

    p{
        line-height: $base-line;
        
        strong{
            font-weight: 900;
        }
    }
}