.alert .success { background: #2ecc71; }
.alert .info    { background: #9E9E9E; }
.alert .warning { background: #e67e22; }
.alert .error  { background: #e74c3c; }

.alert {
    position: fixed;
    width: 100%;
    max-width: 960px;
    margin-top: 0.5%;
    transition: margin 0.25s, opacity 0.25s;
    z-index: 3;
}

.alert .link:after {
    border-bottom: 2px solid var(--sm-near-white-color);
}

.alert .wrapper {
    display: flex;
    align-items: baseline;
    padding: 1%;
    padding-left: 2%;
}

.alert .wrapper .type,
.alert .wrapper .btn-yes,
.alert .wrapper .btn-no {
    font-weight: bold;
}

.alert .wrapper .text {
    margin: 0 2%;
}

.alert .wrapper .btn-yes {
    margin: 0 2%;
}

.alert .wrapper .spacer {
    flex-grow: 1;
}

.alert .wrapper .close {
    float: right;
    padding: 1.5%;
    transform: scale(1.4);
    cursor: pointer;
}