.md-button--bl {
    color: #4051b5 !important;
}

.md-button--bl:hover {
    color: #ffffff !important;
}

bl-o { 
    -webkit-box-pack: center;
    border-radius: 24px;
    height: 24px;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #b95e04;
    color: #ffffff; }
bl-r { 
    -webkit-box-pack: center;
    border-radius: 24px;
    height: 24px;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #d33d3d;
    color: #ffffff; }
bl-g { 
    -webkit-box-pack: center;
    border-radius: 24px;
    height: 24px;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #008847;
    color: #ffffff; }
bl-b { 
    -webkit-box-pack: center;
    border-radius: 24px;
    height: 24px;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #346ddb;
    color: #ffffff; }

[data-md-color-scheme="slate"] .md-button--bl {
    color: #ffffff !important;
  }