//style widget Custom Heading

.wg-custom-heading{
    padding: 30px 10px;
    border-top: $border-color-base;
    border-bottom:$border-color-base ;

    .widget-content{
        padding: 0;
    }

    .text-heading{
        @include rtl-float-left();
        line-height: 50px;
        font-size: 30px;
        color: #555;
        font-weight: 300;
    }

    .btn-heading{
        @include rtl-float-right();
        background: #F46032;
        color: white;
        font-size: 14px;
        padding: 15px 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 300;
        @include transition(0.4s);
        &:hover{
            background: #454545;
            @include transition(0.4s);
        }
    }
}