.alert {
    border: 2px solid $accent;
    background-color: darken($accent, 10%);
    color: white;
    border-radius: 3px;
    padding: 1rem 2rem;

    width: 100%;

    .alert-split-content {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: $md-breakpoint) {
    .alert {
        .alert-split-content {
            display: block;
        }
    }
}