:root {
    --nb-verification-token-info-success-bg: var(--nb-color-green-100);
    --nb-verification-token-info-danger-bg: var(--nb-color-red-100);
    --nb-verification-token-info-info-bg: var(--nb-color-blue-100);
    --nb-verification-token-info-link-color: var(--nb-color-red);
}

.nb-verification-token-info {
    padding: 5px 10px;
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.nb-verification-token-info .nb-icon {
    font-size: 14px;
    position: relative;
    top: 2px;
}

.nb-verification-token-info:has(.nb-verification-token-message-success) {
    background-color: var(--nb-verification-token-info-success-bg);
}

.nb-verification-token-info:has(.nb-verification-token-message-danger) {
    background-color: var(--nb-verification-token-info-danger-bg);
}

.nb-verification-token-info:has(.nb-verification-token-message-info) {
    background-color: var(--nb-verification-token-info-info-bg);
}

.nb-verification-token-info .nb-info-wrapper {
    line-height: 1;
}

.nb-verification-token-info .nb-info-wrapper .nb-btn {
    padding: 0;
    min-width: unset;
    width: unset;
    height: unset;
    min-height: unset;
    background-color: unset;
    text-decoration: underline;
    border: unset;
    color: var(--nb-verification-token-info-link-color);
    font-size: var(--nb-font-size-12);
    font-weight: var(--nb-font-semibold);
    display: inline;
}

.nb-verification-token-info .nb-verification-token-message-2{
    display: inline;
    padding-right: 5px;
    line-height: 1;
    font-style: italic;
}