.header-optional {
    background-color: #283b49;
}

.modal-message {
    width: 100%;
    padding: 10px 12px;
    resize: none;
    color: #555555;
    border: 1px solid #d7dee3;
    background-color: #fff;
}

.modal__send-message {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 250px;
    padding: 20px;
    background-color: #fff;
    color: #000;
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.modal__send-message svg {
    margin-bottom: 5px;
}

.modal__send-message.active {
    opacity: 1;
    pointer-events: all;
}

.modal__send-message button {
    position: absolute;
    background: none;
}

.error {
    margin-top: 5px;
    color: red;
    font-size: 12px;
}