.Numeros,
.PhoneIcon{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  padding:0 !important;
  pointer-events:none !important;
}
.NumeroCache{
  position:relative;
  overflow:hidden;
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  cursor:pointer;
}
.NumeroCache:after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:75%;
  transition:0.3s ease;
}
.NumeroCache:hover:after{
  width:50%;
}
.NumeroCache.clicked:after{
  width:0%;
}
.NumeroCache[data-color="1"]{
  background-color:#000000;
  border-color:#000000;
}
.NumeroCache[data-color="1"]:after{
  background:linear-gradient(90deg,transparent,#000000 50%);
}
.NumeroCache[data-color="2"]{
  background-color:#ffffff;
  border-color:#ffffff;
}
.NumeroCache[data-color="2"]:after{
  background:linear-gradient(90deg,transparent,#ffffff 50%);
}
.NumeroCache[data-color="3"]{
  background-color:#02BF62;
  border-color:#02BF62;
}
.NumeroCache[data-color="3"]:after{
  background:linear-gradient(90deg,transparent,#02BF62 50%);
}
.NumeroCache_span{
  position:relative;
  opacity:1;
  transition:0.3s ease;
}
.NumeroCache.SpanHidden .NumeroCache_span{
  opacity:0;
}

/* ICONE RESPONSIVE */
.NumeroCache .PhoneIcon{
  margin-left:12px;
  width:14px;
  height:14px;
  z-index:9;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:0.3s ease;
  position:relative;
  object-fit:contain;
  object-position:center;
}
.NumeroCache.SpanHidden .PhoneIcon{
  margin-left:0px;
}