/* Extracted from index.html <style id="rabbit-button-colors-v13"> */

:root{
  --button-primary:var(--primary);
  --button-secondary:var(--secondary);
  --button-danger:#b42318;
  --button-chat:var(--primary);
}

button.primary,
.primary,
.topbar .actions button.primary,
.topbar .actions button[data-home-topbar="home"],
.topbar .actions button[data-home-topbar="newPost"],
.settings-section button.primary,
#settings button.primary{
  background:linear-gradient(135deg,var(--button-primary),var(--button-secondary)) !important;
  color:#fff !important;
  border-color:transparent !important;
}

button.danger,
.danger,
.topbar .actions button.danger,
.topbar .actions button[data-home-topbar="logout"]{
  background:#fff7f7 !important;
  color:var(--button-danger) !important;
  border-color:rgba(180,35,24,.20) !important;
}

#rmccButton .dot,
#rmccButton [class*="dot"],
.chat-float .dot,
.floating-chat .dot,
#chatButton .dot{
  background:var(--button-chat) !important;
}

.button-color-preview{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  border-radius:20px !important;
  border:1px dashed rgba(21,94,239,.20) !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  padding:14px !important;
}

.button-color-preview button{
  pointer-events:none !important;
}

.button-chat-preview{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:var(--button-chat);
  font-weight:900;
  box-shadow:0 12px 28px rgba(16,24,40,.12);
  border:1px solid rgba(16,24,40,.08);
}