div[sharebtn] {
  text-align: center;
}

div[sharebtn]>a {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 20px auto 10px 30px;
  background-color: transparent;
  position: relative;
}

div[sharebtn]>a:first-of-type {
  margin: 20px auto 10px -30px;
  /*margin: 20px auto 10px auto;*/
}

div[sharebtn]>a>img {
  background: var(--white);
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 0 7px var(--black);
  border-radius: 5px;
  /*padding: 10px 13px;*/
  padding: 4px 6px;
}

div[sharebtn]>a>img:hover {
  opacity: 0.8;
}

div[sharebtn]>a>i {
  position: absolute;
  top: -15px;
  left: 0;
  /*right: -20px;*/
  transform: translateX(28%);
  padding: 7px 4px;
  background: var(--black);
  color: var(--white);
  border-radius: 50px;
  font-size: 11px;
  font-weight: bolder;
}

div[sharebtn]>a>i:hover {
  background: var(--red);
  color: var(--black);
}