/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  /* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .st-custom-button{   
    background-color: #e6ff0a !important;   
    display: inline-block;   
    padding: 5px 10px;   
    cursor: pointer;   
    font-weight: bold;   
    color: rgb(131, 63, 63);   
    border-radius: 30px;
  }   
    .st-custom-button:hover, .st-custom-button:focus 
    {      
      text-decoration: underline;      
      background-color: #d0c717;   }


.div-buttons{
  background-color: aquamarine;
  width: 100%;
  height:100px;
  
}   

.sharethis-sticky-share-buttons{
  display: none;
}

.st-btn{
  padding: 0 12px !important;
}

.st-total{
  color: rgb(176, 87, 87) !important;
}

.cajita{
  border-radius: 8px;
    background: #99c1a4;
    height: 100%;
    padding: 64px 32px;
}

@media screen and (max-width: 600px) {
.sharethis-inline-share-buttons{
text-align: center !important;
}
}

@media not screen  and (max-width: 600px) {
  .sharethis-inline-share-buttons{
  text-align: left !important;
  }
  }

  @media screen and (max-width: 600px) {
    .sharethis-inline-share-buttons{
     width: 300px;
    }
    .sharethis-sticky-share-buttons{
      position: fixed !important;
      right: 0 !important;
      top: 150px !important;
      display: block !important;
    }    
    }