@use '../../utils' as *;
/*----------------------------------------*/
/*  3.3 Header Style 3
/*----------------------------------------*/

.tp-header{
    &-style{
        &-3{
            & .tp-header-bar button {
                height: 40px;
                width: 40px;
                transition: 0.3s;
                line-height: 30px;
                text-align: center;
                border-radius: 5px;
                color: var(--tp-common-white);
                background-color: var(--tp-common-black-3);
                &:hover{
                    color: var(--tp-common-white);
                    background-color: var(--tp-common-blue);
                }
            }
        }
    }
}