.riskLowButton {
    background-color: #8ace7e;
    color: black;
}

.riskModerateButton {
    background-color: #ffda66;
    color: black;
}

.riskHighButton {
    background-color: #e39802;
    color: white;
}

.riskExtremeButton {
    background-color: #e03531;
    color: white;
}

.left-justified-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* Remove shadows from all MudButton variants */
.mud-button,
.mud-button-filled,
.mud-button-outlined,
.mud-button-text {
    box-shadow: none !important;
}

/* Remove shadows on hover or active states */
.mud-button:hover,
.mud-button-filled:hover,
.mud-button-outlined:hover,
.mud-button-text:hover,
.mud-button:active,
.mud-button-filled:active,
.mud-button-outlined:active,
.mud-button-text:active {
    box-shadow: none !important;
}

/* text wrapping for MudText items */
.text-wrap {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}