@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(188, 149, 101, 0.6);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(188, 149, 101, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(188, 149, 101, 0);
  }
}
@keyframes ripple_white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(188, 149, 101, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(188, 149, 101, 0);
  }
}
@keyframes ripple_black {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(188, 149, 101, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(188, 149, 101, 0);
  }
}
#TZ__HeaderCTA {
  animation: ripple_white 3.5s infinite;
  top: 0;
  right: 15px;
  transition: all 0.5s ease;
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
#TZ__HeaderCTA:hover {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .TZ__header:not(.transparente) #TZ__HeaderCTA {
    animation: ripple_black 3.5s infinite;
    position: fixed;
    bottom: 15px;
    right: 15px;
    top: unset;
    z-index: 9999;
    background: #000;
    color: #fff;
    border: 1px solid #000;
  }
  .TZ__header:not(.transparente) #TZ__HeaderCTA:hover {
    background: #fff;
    color: #000;
  }
}