#side-sticky-tab {
  position: fixed;
  top: 25vh;
  right: 50px;

}

#side-sticky-tab div {
  margin: 0px;
  padding: 0px;
}

#side-sticky-tab .sticky-container{
  /* -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
  -webkit-box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.05);
  box-shadow: -10px 0px 25px -1px rgba(0, 0, 0, 0.45);


  right: 0;
  position:fixed;  
  transition-property: width;
  transition-duration: .6s;
  width: 40px;
  height: 192px;
  background: #f9cb00;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#side-sticky-tab .sticky-container:hover{
  width: 180px;
}

/*#side-sticky-tab .callout {  
position: relative;
display:block;
border-radius: 6px 6px 0px 0px;  
}*/


#side-sticky-tab .slideout {
  position:relative;
  vertical-align:middle;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  /* -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */ 
}

#side-sticky-tab .slideout .inner{
  text-align:center;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.image-container{
  width: 100%;
  display: flex;
  justify-content: center;
}
.image-container a {
  text-decoration: none;
  color: #0D235E;
  font-family: Nunito Sans,sans-serif;
  display: flex;
  justify-content: center;
}

.image-container a:visited {
  color: #0D235E;
  font-family: Nunito Sans,sans-serif;
}

.image-container a span{
  display: none;
  font-size:.8vw;
  text-align: justify;
  margin-left: 0.3vw;


}

.image-container a:hover span{
  display: flex;
  justify-content: center;
  transition: display .6s ease;
  white-space: nowrap;
}

.image-container a:hover {
  width: 100%;
  padding-left:6%;
}







.image-container a{
  display: flex;
  align-items: center
}




/*

#side-sticky-tab .slideout div.moved {
transform: translateX(-40px); 
transition: transform .6s ease; 
width: calc( 100% + 40px) !impoe
}

*/

#side-sticky-tab .slideout .inner img{
  width: 25px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;

}

#side-sticky-tab .callout a {
  color: white;
  background-color: #F9CB00;
  height: 40px;
  width: 180px;
  margin: 0;
  padding: 0;
  z-index: 9999;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  border-radius: 6px 6px 0px 0px;
}

#side-sticky-tab a:hover {
  background-color: #F9CB00;
}


@media (max-width: 480px){
  #side-sticky-tab {
    position: fixed;
    bottom: 0;
    right: 50px;
  }

  #side-sticky-tab .slideout .inner {
    text-align: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
  }

  #side-sticky-tab .sticky-container {
    height: 82px;
    width: 100%;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
  }

  #side-sticky-tab .sticky-container:hover{
    width: 100%;
  }


  .image-container {
    height: 17vw;
  }

  .image-container a span{
    display: flex;
    text-align: center;
    font-size: 3vw;
  }

  .image-container a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


}

/*@keyframes bounce {
0%, 100% { transform: translatey(0); }
50% { transform: translatey(-10px); } /* Puedes ajustar la distancia para controlar la intensidad del rebote 
}

#side-sticky-tab .slideout img {
transition: transform .6s ease;
}

#side-sticky-tab .slideout img:hover {
animation: bounce 0.6s ease;
}*/