/* extension-prompt.css */

#tempmailo-extension-banner {
  /* Позиционирование */
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000; /* Поверх других элементов */

  /* Внешний вид */
  background-color: #f0f8ff; /* Цвет фона */
  border-top: 1px solid #ccc;
  padding: 10px;

  /* Раскладка внутренних элементов */
  display: flex;
  justify-content: space-between;
  align-items: center;

  /* Другое */
  box-sizing: border-box;
}

.tempmailo-ext-banner__message {
  /* Можно добавить стили для текста, если нужно */
}

.tempmailo-ext-banner__buttons {
  /* Группирует кнопки */
  display: flex;
  align-items: center;
  gap: 10px; /* Расстояние между кнопками */
}

.tempmailo-ext-banner__install-btn {
  /* Стили для кнопки установки */
  background-color: #007bff; /* Цвет кнопки */
  color: white;
  padding: 8px 12px;
  text-decoration: none; /* Убираем подчеркивание у ссылки */
  border-radius: 4px;
  /* display: inline-block; не обязательно, так как это ссылка <a> */
  /* border: none; обычно для ссылок */
  border: none;
  cursor: pointer; /* Показывает, что это кликабельно */
  font-size: 14px; /* Размер шрифта как у обычной кнопки */
}

.tempmailo-ext-banner__install-btn:hover {
  background-color: #0056b3; /* Темнее при наведении */
  text-decoration: none; /* На всякий случай */
  color: white; /* На всякий случай */
}

.tempmailo-ext-banner__close-btn {
    background: none;
    border: 1px solid #999;
    border-radius: 50%;
    width: 40px;
    min-width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-family: Consolas;
}

.tempmailo-ext-banner__close-btn:hover {
  background-color: #f0f0f0; /* Легкий фон при наведении */
  border-color: #666; /* Темнее рамка при наведении */
}