.ncl-call-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ncl-call-input {
    border: 1px solid #c9ced6;
    border-radius: 6px;
    font: inherit;
    min-height: 42px;
    min-width: 220px;
    padding: 8px 10px;
}

.ncl-call-button,
[data-netelip-call] {
    align-items: center;
    background: #1f6feb;
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    justify-content: center;
    min-height: 42px;
    padding: 8px 16px;
    text-decoration: none;
}

.ncl-call-button:hover,
[data-netelip-call]:hover {
    background: #1557b7;
    color: #fff;
}

.ncl-call-button:disabled,
[data-netelip-call]:disabled {
    cursor: progress;
    opacity: 0.7;
}

.ncl-call-status {
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
    min-height: 20px;
    vertical-align: middle;
}

.ncl-call-form .ncl-call-status {
    flex-basis: 100%;
    margin-left: 0;
}

.ncl-call-status[data-netelip-status-type="success"] {
    color: #166534;
}

.ncl-call-status[data-netelip-status-type="error"] {
    color: #b91c1c;
}

.ncl-call-status[data-netelip-status-type="loading"] {
    color: #52525b;
}

.ncl-webphone-message {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #3f3a38;
    margin: 16px auto;
    max-width: 430px;
    padding: 14px 16px;
    text-align: center;
}