.ruplota-side-buttons{
  position: fixed;
  right: 14px;   /* overridden by inline style */
  bottom: 90px;  /* overridden by inline style */
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: inherit;
}

.ruplota-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  padding: 10px 12px;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.14);
  color: #fff;
  transition: transform .15s ease, opacity .15s ease;
  opacity: .95;
  line-height: 1;
}

.ruplota-btn:hover{
  transform: translateY(-1px);
  opacity: 1;
}

.ruplota-ico{
  width: 22px;
  height: 22px;
  display: inline-flex;
}

.ruplota-ico svg{
  width: 22px;
  height: 22px;
  fill: currentColor;
  display: block;
}

.ruplota-text{
  font-size: 14px;
  white-space: nowrap;
}

/* Brand colors */
.ruplota-fb{ background: #1877F2; }
.ruplota-msg{ background: #00B2FF; }
.ruplota-call{ background: #16A34A; }
.ruplota-wa{ background: #25D366; }

/* Icon-only mode */
.ruplota-style-icon .ruplota-text{ display: none; }
.ruplota-style-icon .ruplota-btn{
  padding: 10px;
  border-radius: 18px;
}

/* Mobile: keep icon-only for compactness */
@media (max-width: 480px){
  .ruplota-text{ display:none; }
  .ruplota-btn{ padding: 10px; border-radius: 18px; }
}