/* Rezeta Floating Icon - front-end */
.rfi-container{
  position: fixed;
  bottom: var(--rfi-bottom, 20px);
  z-index: 9999;
}
.rfi-container.rfi-right{ right: 20px; }
.rfi-container.rfi-left{ left: 20px; }

.rfi-button{
  width: var(--rfi-size, 56px);
  height: var(--rfi-size, 56px);
  border-radius: 1000px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #25D366;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  text-decoration: none;
}
.rfi-container.rfi-left .rfi-button{ background: #25D366; } /* same default */

.rfi-button:hover{
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
}

.rfi-button svg, .rfi-button .rfi-img{
  width: 60%;
  height: 60%;
  display: block;
}

.rfi-button svg{ fill: #fff; }
.rfi-button .rfi-img{ object-fit: contain; }