.wdf6-wrapper{
    margin:30px 0;
}

.wdf6-main,
.wdf6-sub{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:18px;
}

.wdf6-btn,
.wdf6-sub-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
    border-radius:999px;
    text-decoration:none;
    border:none;
    cursor:pointer;
    background:#f3f3f3;
    color:#111;
    font-weight:600;
    transition:all .25s ease;
}

.wdf6-btn:hover,
.wdf6-sub-btn:hover{
    transform:translateY(-2px);
}

.wdf6-btn.active,
.wdf6-sub-btn.active{
    background:#111;
    color:#fff;
}

@media(max-width:768px){

    .wdf6-btn,
    .wdf6-sub-btn{
        width:100%;
    }

}