.buttons {
    display: flex;
    gap: 10px;
}

.m-navigation__itens {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buttons .m-dropdown ul li::after{
    content: unset;
}

.buttons .m-dropdown {
    position: unset;
}
.buttons button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding: 16px 12px;
    background: #005187;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    z-index: 1;
    transition: all .3s;
    border: solid 1px #005187;
    gap: 15px;
}

.buttons .m-dropdown :hover {

}

.buttons .m-dropdown button::after{
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    background: url("../../../../pucrs/assets/images/icons/arrow-white.svg") no-repeat;
    transform: rotate(90deg);
    transition: all .3s ease;
}

.buttons .m-dropdown button:hover::after {
  transform: rotate(90deg) translateX(3px);
}

.buttons .m-dropdown-list {
    position: absolute;
    display: none;
    width: fit-content !important;
    z-index: 99;
    /* height: 200px;
    overflow-y: auto; */
}

.buttons .m-dropdown-list::-webkit-scrollbar {
    width: 3px;
  }
   
.buttons .m-dropdown-list::-webkit-scrollbar-track {
    background: white;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.buttons .m-dropdown-list::-webkit-scrollbar-thumb {
    background: #005187;
    border: 3px solid #005187;
}

.buttons .m-dropdown-list ul > li {
    border: 1px solid #005187;
    width: 100%;
    /* padding: 15px; */
    color: #005187;
    font-weight: bold;
    background: white;
    margin-bottom: 0;
}

.buttons .m-dropdown-list ul > li:hover {
    color: white;
    background: #005187;
}

.buttons .m-dropdown-list ul > li:hover a{
    color: white;
}

.buttons .m-dropdown-list a {
    text-decoration: none;
    color: #005187;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.buttons .m-dropdown-list ul {
    list-style: none;
    padding: unset;
    display: unset;
}

@media (max-width: 769px) { 

    .m-navigation__itens {
        display: block;
    }

    .buttons {
        margin-top: 20px;
    }
}