.meteorology-alerts {
    width: 100%;
    padding: 25px;
    margin-bottom: 30px;

    .meteorology-alerts__container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #0d0d0d;
    }

    .meteorology-alerts__item {
        display: flex;
        align-items: center;
    }

    .meteorology-alerts__icon,
    .meteorology-alerts__arrow {
        flex-basis: 35px;
        align-self: center;
        width: 35px;
        height: auto;
        margin-right: 25px;
        fill: #0d0d0d;
    }

    .meteorology-alerts__arrow {
        flex-basis: 16px;
        width: 16px;
        min-width: 16px;
        height: auto;
        margin: 0 25px 0 19px;
    }

    .meteorology-alerts__phenomenon,
    .meteorology-alerts__severity {
        flex-basis: auto;
        margin-right: 15px;
        font-size: 1.125rem;
    }

    .meteorology-alerts__phenomenon {
        font-weight: bold;
    }

    .meteorology-alerts__button {
        margin-left: auto;
        color: #0d0d0d;
        border-color: #0d0d0d;
        background: transparent;
    }

    .meteorology-alerts__button:hover {
        margin-left: auto;
        color: whitesmoke;
        border-color: #0d0d0d;
        background: #0d0d0d;
    }
}

.meteorology-alerts--severity-minor { background: #28d861; }
.meteorology-alerts--severity-unknown { background: #93f500; }
.meteorology-alerts--severity-moderate { background: #ffe95c; }
.meteorology-alerts--severity-severe { background: #ff9c3a; }
.meteorology-alerts--severity-extreme { background: #ff4747; }