#DLEPush {
  position: fixed !important;
  top: 45px !important;
  right: 25px !important;
  z-index: 1000 !important;
}
#DLEPush .DLEPush-notification{
  /* добавляем flex, чтобы иконка, текст и × ровно встали по центру */
  display:flex;
  align-items:center;

  /* сама «пилюля» */
  background:#eef6f7;        /* общий светлый фон */
  border-radius:9999px;
  padding:0;                 /* резали свои паддинги — будут у внутренних блоков */
  margin-bottom:12px;        /* разделяем уведомления (чтобы «углы» не слипались) */
  box-shadow:0 2px 6px rgba(0,0,0,.12);  /* лёгкая тень */
  color:#2c2c2c;             /* тёмный текст вместо белого */
  font-size:15px;            /* становится читабельней */
}

/* ─────────────────────────────────────────────┐
   2. Левая цветная полоса-«капля» + иконка     │
   └────────────────────────────────────────────*/
#DLEPush .DLEPush-icon{
  flex:0 0 48px;             /* фиксированная ширина «капли» */
  height:48px;               /* = радиусу; иконка ровно в круге */
  margin:0;                  /* убираем старый отступ */
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;            /* сама иконка */
  color:#fff;

  /* делаем каплю частью «пилюли» */
  border-top-left-radius:9999px;
  border-bottom-left-radius:9999px;
}

/* ─────────────────────────────────────────────┐
   3. Тело сообщения                            │
   └────────────────────────────────────────────*/
#DLEPush .DLEPush-message{
  flex:1 1 auto;
  padding:0 16px;            /* привычный отступ текста */
  text-align:left;
}

/* ─────────────────────────────────────────────┐
   4. Кнопка закрытия ×                         │
   └────────────────────────────────────────────*/
#DLEPush .DLEPush-close{
  position:static;           /* выравниваем в общей линии, без absolute */
  order: 99;          /* любое число больше, чем у остальных элементов */
  margin-left: auto;  /* всё свободное пространство останется перед × */
  margin-right: 12px; /* внешний отступ как и раньше */
  background:transparent;
  border:none;
  font-size:20px;
  line-height:1;
  color:#8e8e8e;
  cursor:pointer;
}



/* ─────────────────────────────────────────────┐
   5. Цветовые темы (успех / ошибка / инфо …)   │
   └────────────────────────────────────────────*/
/* Идея: меняем ТОЛЬКО фон левой «капли» */
#DLEPush .push-success .DLEPush-icon{background:#00806c;}
#DLEPush .push-error   .DLEPush-icon{background:#d93025;}
/* при желании добавляешь .push-info, .push-warning и т.д. */

/* ─────────────────────────────────────────────┐
   6. Поддержка старых цветов (если надо)       │
   └────────────────────────────────────────────*/
/* Чтобы не ловить белый-на-белом, анимацию и т.п. */
#DLEPush .DLEPush-notification.push-success,
#DLEPush .DLEPush-notification.push-error{
  background:#eef6f7 !important; /* глушим старый красный/зелёный фон */
  color:#2c2c2c !important;      /* возвращаем читабельный текст */
}
