.repsol-install-button {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  background: #ff5a00;
  color: #ffffff;
  font: 800 15px/1 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
  cursor: pointer;
}
.repsol-install-button:active { transform: translateY(1px); }
.repsol-install-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 0 0 5px rgba(255,255,255,.22);
}
.repsol-install-panel {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 82px;
  z-index: 2147483001;
  display: none;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 18px;
  padding: 18px;
  background: #001f3f;
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(0,0,0,.34);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.repsol-install-panel.is-visible { display: block; }
.repsol-install-title { font-size: 18px; font-weight: 900; margin-bottom: 8px; }
.repsol-install-text { font-size: 15px; line-height: 1.4; opacity: .95; }
.repsol-install-close {
  margin-top: 14px;
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  background: #ffffff;
  color: #001f3f;
  font-weight: 900;
}
@media (max-width: 520px) {
  .repsol-install-button {
    right: 12px;
    bottom: 12px;
    padding: 12px 15px;
    font-size: 14px;
  }
}