#dhub .dhb-frame_service_const .ws-buttons_container{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 16px 0;
   text-align: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 20px;
   
}
#dhub .dhb-frame_service_const >.box-title{
    text-align: center;
    color: rgb(28,70,157);
    padding: 12px 8px;
    border-radius: 10px;
    background-color: rgba(28,70,157,0.06);
    position: relative;
    font-family: 'Noto Sans';
    box-sizing: border-box;
    font-size: 1.098em;
}

#dhub .dhb-frame_service_const .ws-buttons_container >dhbbutton{
    cursor: default;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    height: 200px;
    padding: 8px;
    display: inline-flex;
    flex-direction: column;
    background-color: rgba(1,32,96,0.06);
    box-shadow: 1px 1px 3px rgba(238, 237, 237, 0.04);
    border-radius: 10px;
    align-items: center;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .icon,
#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .name,
#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .desc{
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .icon{
    height: 50%;
    border-radius: 10px;
    margin-bottom: 4px;
    color:rgb(244,244,244);
}


#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton >.name{
    position: relative;
    font-size: 1.2em; 
    font-family: Acme;
    max-height: 20%;
    height: max-content;
    color: rgb(1,32,96)
}


#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .desc{ 
    max-height: 30%;
    height: max-content;
    font-family: 'Noto Sans';
    font-size: 0.88em;
}



#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton:hover {
    box-shadow: 0px 4px 1.2px rgb(28,70,157);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .name {
    color: rgb(244,244,244);
    text-shadow: 0 2px 3px rgba(24,24,24,0.2);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton> .desc {
    color: rgba(244,244,244,0.8);
    text-shadow: 0 2px 3px rgba(24,24,24,0.2);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton  > .icon:before {
    content: '';
    display: inline-block; 
    position: absolute;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: rgba(56,0,87,0.2);
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    background-position: center;
    box-sizing: inherit;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton> .icon:before {
    background-color: rgba(1,32,96,0.08);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="wallet"] > .icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(244,244,244)"><path d="M200-200v-560 560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v100h-80v-100H200v560h560v-100h80v100q0 33-23.5 56.5T760-120H200Zm320-160q-33 0-56.5-23.5T440-360v-240q0-33 23.5-56.5T520-680h280q33 0 56.5 23.5T880-600v240q0 33-23.5 56.5T800-280H520Zm280-80v-240H520v240h280Zm-160-60q25 0 42.5-17.5T700-480q0-25-17.5-42.5T640-540q-25 0-42.5 17.5T580-480q0 25 17.5 42.5T640-420Z"/></svg>');
    background-size: 60%;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="wallet"]{
    background-color: rgb(52, 152, 219);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="pronostic"] > .icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(244,244,244)"><path d="M480-654Zm174 174Zm-348 0Zm174 174Zm0-234L360-660v-220h240v220L480-540Zm180 180L540-480l120-120h220v240H660Zm-580 0v-240h220l120 120-120 120H80ZM360-80v-220l120-120 120 120v220H360Zm120-574 40-40v-106h-80v106l40 40ZM160-440h106l40-40-40-40H160v80Zm280 280h80v-106l-40-40-40 40v106Zm254-280h106v-80H694l-40 40 40 40Z"/></svg>');
    background-size: 60%;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="pronostic"] {
    background-color: rgb(51, 153, 102);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="coupon"] > .icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(244,244,244)"><path d="M760-120 480-400l-94 94q8 15 11 32t3 34q0 66-47 113T240-80q-66 0-113-47T80-240q0-66 47-113t113-47q17 0 34 3t32 11l94-94-94-94q-15 8-32 11t-34 3q-66 0-113-47T80-720q0-66 47-113t113-47q66 0 113 47t47 113q0 17-3 34t-11 32l494 494v40H760ZM600-520l-80-80 240-240h120v40L600-520ZM240-640q33 0 56.5-23.5T320-720q0-33-23.5-56.5T240-800q-33 0-56.5 23.5T160-720q0 33 23.5 56.5T240-640Zm240 180q8 0 14-6t6-14q0-8-6-14t-14-6q-8 0-14 6t-6 14q0 8 6 14t14 6ZM240-160q33 0 56.5-23.5T320-240q0-33-23.5-56.5T240-320q-33 0-56.5 23.5T160-240q0 33 23.5 56.5T240-160Z"/></svg>');
    background-size: 60%;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="coupon"] {
    background-color: rgb(243, 156, 18);
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="mall"] > .icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(244,244,244)"><path d="M200-80q-33 0-56.5-23.5T120-160v-480q0-33 23.5-56.5T200-720h80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720h80q33 0 56.5 23.5T840-640v480q0 33-23.5 56.5T760-80H200Zm0-80h560v-480H200v480Zm280-240q83 0 141.5-58.5T680-600h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85h-80q0 83 58.5 141.5T480-400ZM360-720h240q0-50-35-85t-85-35q-50 0-85 35t-35 85ZM200-160v-480 480Z"/></svg>');
    background-size: 60%;
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton[data-target="mall"] {
    background-color: rgb(153, 102,204 );
}

#dhub .dhb-frame_service_const .ws-buttons_container dhbbutton > .trigger {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}