menu.menu__main-action{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 40%;
}

menu.menu__main-action button{
    border: none;
    border-radius: 8px;
    box-shadow: 2px 2px rgba(255, 255, 255, 0.4);
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 14px 10px;
    transition: all ease-in-out .2s;
}

menu.menu__main-action button#btn__open-dialog{
    background-color: rgb(173, 173, 173);
}

menu.menu__main-action button#btn__open-dialog:hover{
    background-color: rgb(123, 123, 123);
}

menu.menu__main-action button#btn__fem-team{
    background-color: rgb(255, 34, 174);
}

menu.menu__main-action button#btn__fem-team:hover{
    background-color: rgb(214, 29, 146);
}

menu.menu__main-action button#btn__man-team{
    background-color: rgb(34, 141, 255);
}

menu.menu__main-action button#btn__man-team:hover{
    background-color: rgb(32, 128, 231);
}

@media screen and (max-width: 1030px){
    menu.menu__main-action{
        width: 50%;
    }
}

@media screen and (max-width: 830px){
    menu.menu__main-action{
        width: 70%;
    }
}

@media screen and (max-width: 630px){
    menu.menu__main-action{
        width: 90%;
        display: flex;
        flex-direction: column;
    }

    menu.menu__main-action button{
        width: 100%;
        padding: 18px 10px;
    }
}