.elcd {
  position: fixed;
  bottom: 22px;
  z-index: 999999;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.elcd-right { right: 22px; }
.elcd-left { left: 22px; }
.elcd * { box-sizing: border-box; }

.elcd-icons {
  display: flex;
  align-items: center;
  padding: 4px;
}

.elcd-icon {
  position: relative;
  width: 58px;
  height: 58px;
  margin: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 7px 22px rgba(19,45,31,.28);
  transition: transform .18s ease, filter .18s ease;
}

.elcd-icon + .elcd-icon { margin-left: -6px; }
.elcd-icon:nth-child(1) { z-index: 3; }
.elcd-icon:nth-child(2) { z-index: 2; }
.elcd-icon:nth-child(3) { z-index: 1; }

.elcd-icon:hover,
.elcd-icon:focus-visible {
  color: #fff;
  transform: translateY(-4px);
  filter: brightness(1.06);
  z-index: 5;
}

.elcd-icon svg {
  width: 29px;
  height: 29px;
  fill: currentColor;
}

.elcd-phone { background: #286f55; }
.elcd-whatsapp { background: #25d366; }
.elcd-email { background: #315f88; }

@media (max-width: 600px) {
  .elcd { bottom: 14px; }
  .elcd-right { right: 14px; }
  .elcd-left { left: 14px; }
  .elcd-icon { width: 54px; height: 54px; }
  .elcd-icon + .elcd-icon { margin-left: -5px; }
}