.tt-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--default-border-radius);
    font-size: var(--step--1);
}

.tt-alert-danger {
    color: var(--danger-text-color);
    background-color: var(--danger-color);
    border-color: var(--danger-border-color);
}
.tt-alert-danger .tt-text,
.tt-alert-danger .tt-link {
    color: var(--danger-text-color);
}

.tt-alert-warning {
    color: var(--warning-text-color);
    background-color: var(--warning-color);
    border-color: var(--warning-border-color);
}
.tt-alert-warning .tt-text,
.tt-alert-warning .tt-link {
    color: var(--warning-text-color);
}

.tt-alert-info {
    color: #FFFFFF;
    background-color: var(--info-color);
    border-color: var(--info-border-color);
}
.tt-alert-info .tt-text,
.tt-alert-info .tt-link {
    color: var(--info-text-color);
}

.tt-alert-success {
    color: var(--success-text-color);
    background-color: var(--success-color);
    border-color: var(--success-border-color);
}
.tt-alert-success .tt-text,
.tt-alert-success .tt-link {
    color: var(--success-text-color);
}

.tt-alert .tt-link {
    text-decoration: underline;
}
.tt-alert .tt-link:hover {
    text-decoration: none;
}