.b-fixed {
  position: fixed;
  right: 0;
  width: 100px;
  top: 20%;
  margin-right: 4rem;
  z-index: 2;
}

.icon {
  position: relative;
  margin-bottom: 10px;
  text-align: right;
} 


.icon-primary {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  transition: transform 175ms ease; /* Añadido para la transición del zoom */
}

.icon-primary:hover {
  transform: scale(1.1); /* Añadido para el efecto de zoom */
}

.float-button {
  width: 100%;
  height: auto !important;
  max-height: 38px;
}

.container-description {
  overflow: hidden;
  position: absolute;
  top: 5%;
  right: 20px; /* Ajustado para que el texto aparezca a la izquierda del icono */
}



.icon-description {
  width: 140px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  background-color: #F7F7F7;
  height: 36px;
  line-height: normal !important;
  /*padding-right: 34px;*/
  text-align: start;
  padding: 8px 12px;
  border-radius: 20px 0 0 20px;
  transform: translate3d(110%, 0, 0);
  transition: transform 175ms ease;
}

.float-button.hover {
  display: none;
}
.float-button.saved {
  display: none;
}


/* hide saved icons */
.icon-primary:hover .float-button.default {
  display: none!important;
}
.icon-primary:hover .float-button.saved {
  display: none!important;
}

.icon-primary:hover .float-button.hover {
  display: inline!important;
}



.icon-primary:hover ~ .container-description .icon-description {
  transform: translate(0, 0);
}


.b-div {
  max-height: 56px;
  padding: 10px;
  border-radius: 30px 0 0 30px;
  transition: margin 500ms;
}

.b-div:hover {
  background: white;
  transition: margin 500ms;
  margin-left: -20px;
}

.f-save {
  width: 156px;
}

.f-download {
  width: 100px;
}

.f-share {
  width: 100%;
}

.f-subscribe {
  width: 126px;
}

.f-start-here {
  width: 134px;
}

/* Button Css */
.bg-b
{
  /* background: linear-gradient(45deg, #ffffff, #c0c0c0);*/

}
.bg-b:hover
{
  /*background: linear-gradient(45deg, #ffffff, #e0e0e0);*/

}


/*/////////////////////////*/

.save-link-box {
  direction: rtl;
}
.save-icon {
        background: url("https://1698038.fs1.hubspotusercontent-na1.net/hubfs/1698038/ICX_New%20Website%20(Clean%202024)/ICX_Services%20Page/Icons/icononueva%20version-16.svg");
        height: 19px;
        width: 23px;
        display: block;
        /* Other styles here */
}
.save-icon-save {
   background: url("https://1698038.fs1.hubspotusercontent-na1.net/hubfs/1698038/ICX_New%20Website%20(Clean%202024)/ICX_Services%20Page/Icons/Folder%20icon.svg");
}
.save-icon-saved {
   background: url("https://1698038.fs1.hubspotusercontent-na1.net/hubfs/1698038/ICX_New%20Website%20(Clean%202024)/ICX_Services%20Page/Icons/Saved%20icon.svg");
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.cinta {
  background-color: #000c37;
  color: white;
  padding: 25px 0px; /* Aumentamos el padding para hacer la cinta más gruesa */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  z-index: 1999;
  box-sizing: border-box;
  border-bottom: 4px solid white; /* Aumentamos el grosor de la cinta */
  width: 100%;
}
.cinta-box {
 margin: auto
}

.cinta-text {
  font-size: 22px;
  margin-right: auto; /* Centramos el texto a la izquierda */
}

.cinta-button {
  background-color: transparent;
  color: white;
  border: 2px solid white;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  font-size: 15px;
}

.cinta-button:hover {
  border-color: #107cd3;
}

/* Alineamos los botones a la derecha */
.cinta-button:last-child {
  margin-left: auto;
}

/* Agregamos una clase para la animación de apertura gradual */
.show-down {
  animation: showDown 0.5s ease-out;
}

/* Agregamos una clase para la animación de ocultamiento gradual hacia arriba */
.hide-up {
  animation: hideUp 0.5s ease-out;
}

/* Share clasess */
.jssocials-shares {
  display: flex;
}

.jssocials div{
  padding: 0px 8px;
}
.icon-share-movement {
 /* transform: translate(0, 0); */
}


@keyframes showDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.addthis_inline_share_toolbox {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}



@keyframes hideUp {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}