/* select-share.css */

.share-buttons {
    position: absolute;
    display: none;
    padding: 5px;
    border-radius: 5px;
    z-index: 1000;
    width:fit-content;
}

.share-buttons.white {background-color:rgba(41,41,41,0.8); border: 1px solid rgb(41,41,41);}
.share-buttons.black {background-color:rgba(244,244,244,0.8); border: 1px solid rgb(244,244,244);}

.share-buttons a {
    margin: 0 4px; position: relative;
    text-decoration: none;
}

.share-buttons a img {
    width: 24px;
    height: 24px;
}

.share-buttons a[title]:hover:after {
  content: attr(title);
  display: inline-block;
  padding: 0.2em 0.6em; 
  white-space: nowrap; 
  background-color: #555;
  color: #fff;
  font-style: normal;
  font-family: sans-serif;
  font-size: 0.8em;
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translate(-50%, -1em);
  z-index: 1;
}