toolbar button mit css anpassen ?

#button-getmsg,
#button-newmsg,
#button-address {
    border-left:2px solid transparent !important;
    border-right:2px solid transparent !important;
    border-bottom:2px solid transparent !important;
    }
    
    
/* für Button Abrufen */
#button-getmsg {
    font-weight: 700 !important; 
    color: red  !important; /* Grey 90 */
    }
    
#button-getmsg:hover {
    background-color:rgba(12, 12, 13, 0.1) !important;
    border-top: 2px solid yellow !important;
    }
    
    
    
/* für Button Verfassen */
#button-newmsg {
    font-weight:700 !important;
    color:#006504 !important; /* Green 80 */
    }
    
#button-newmsg:hover {
    background-color:rgba(0, 101, 4, 0.1) !important;
    border-top: 2px solid #006504 !important;
    }



/* für Button Adressbuch */
#button-address{/*border:2px solid transparent !important; */
    font-weight:700 !important;
    color:#002275 !important; /* Blue 80 */
    }
    
#button-address:hover {
    background-color:rgba(0, 34, 17, 0.1) !important;
    border-top: 2px solid #002275 !important;
    }

#button-getmsg {
  border: 1px solid transparent !important;
  background-color: rgba(54, 57, 89, 0.1) !important;
  border-radius: var(--toolbarbutton-border-radius);
  transition: background-color .15s, border-color .15s;
  
}

#button-getmsg:hover {
   border-top:2px solid yellow !important;
  box-shadow: var(--toolbarbutton-hover-boxshadow);
}