.djhj {
    bottom: 0;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    z-index:300
}

.djhj-notification {
    align-items: center;
    background: #f5f5f5;
    border-radius: .5rem;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .3);
    color: #111;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: medium;
    margin: 1rem;
    max-width: 540px;
    padding:1rem 1rem 0
}

@media (prefers-color-scheme: dark) {
    .djhj-notification {
        background: #333;
        color:#fff
    }
}

.djhj-actions, .djhj-message {
    padding: 0 0 1rem;
    width:100%
}

.djhj-message {
    flex: 1 1 auto;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size:medium
}

.djhj-message em {
    font-weight:500
}

.djhj-actions {
    display: flex;
    flex: 0 1 auto;
    justify-content: flex-end;
    text-align:center
}

.djhj-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFA500 !important;
    border: none;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: medium;
    font-weight: 500;
    padding: .5em;
    text-transform:uppercase
}

@media (prefers-color-scheme: dark) {
    .djhj-button {
        background: #333;
        color: #fff
    }
}