.ex-corner-cta {
  position: fixed;
  bottom: 10%;
  right: 2%;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  z-index: 20;
}
.position-whatsapp {
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  backdrop-filter: blur(4px);  
  margin: 3px;
  border-radius: 100% 5px 5px 5px;
  width: 64px;
  height: 64px;
}
.position-whatsapp img {
    margin: 20px 10px 0px 5px;
}
.position-whatsapp:hover {
    transform: scale(1.2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    transition: transform 0.3s ease;
    transform-origin: bottom right;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%);
}
.position-telegram {
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  backdrop-filter: blur(4px);  
  /* padding: 28px 28px 18px 18px; */
  margin: 3px;
  border-radius: 5px 100% 5px 5px;
  width: 64px;
  height: 64px;
}
.position-telegram img {
  margin: 20px 10px 10px -4px;
}
.position-telegram:hover {
    transform: scale(1.2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    transition: transform 0.3s ease;
    transform-origin: bottom left;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%);
}
.position-viber {
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  margin: 3px;
  backdrop-filter: blur(4px);
  /* padding: 18px 18px 28px 28px; */
  width: 64px;
  height: 64px;
  border-radius: 5px 5px 5px 100%;
}
.position-viber img {
  margin: 10px 0px 0px 5px;
}
.position-viber:hover {
    transform: scale(1.2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    transition: transform 0.3s ease;
    transform-origin: top right;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%);
}
.position-phone {
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  margin: 3px;
  backdrop-filter: blur(4px);
  /* padding: 18px 28px 28px 18px; */
  width: 64px;
  height: 64px;
  border-radius: 5px 5px 100% 5px;
}
.position-phone img {
  margin: 10px 10px 10px -4px;
}

.position-phone:hover {
    transform: scale(1.2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    transition: transform 0.3s ease;
    transform-origin: top left;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%);
}

@media (max-width: 768px) {
  .ex-corner-cta {
  right: 5%;
}
}

/* Mobile style */

@keyframes incoming-call {
  0%,
  100% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-15deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(5deg);
  }

  60% {
    transform: rotate(-5deg);
  }
}

.ex-corner-cta-mb {
  position: fixed;
  bottom: 10%;
  right: 3%;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  z-index: 20;
}

.ex-corner-cta-mb .ex-corner-cta-mb-element {
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  backdrop-filter: blur(12px);
  transition: opacity 0.3s ease;
  width: 74px;
  height: 74px;
  border-radius: 50%;
}

.ex-corner-cta-mb .ex-corner-cta-mb-element img {
  animation: incoming-call 1s infinite;
}

.ex-corner-cta-mb .contact-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -9px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  gap: 15px;
  background: linear-gradient(180deg, rgba(195, 200, 209, 0.60) 0%, rgba(221, 224, 229, 0.60) 100%);
  padding: 15px;
  backdrop-filter: blur(12px);
  border-radius: 50px;
}

.ex-corner-cta-mb:hover .contact-options {
  opacity: 1;
  visibility: visible;
}

.ex-corner-cta-mb .contact-option img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ex-corner-cta-mb .position-first {
  position: absolute;
  padding:15px;
}

.ex-corner-cta-mb .position-first>.img-contact {
  animation: incoming-call 1s infinite;
}