body section#content .share ul:not(.list-unstyle), 
.share ul {
  list-style: none;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.share li, 
section.content-wrapper .share ul:not(.list-unstyle) li {
  margin-bottom: 0 !important;

}
section.content-wrapper .share ul:not(.list-unstyle) li a,
section.content-wrapper .share ul:not(.list-unstyle) li button {
  border-radius: 50%;
  background-color:  #DFE5F2;
  height: 34px;
  width: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border: none;
  cursor: pointer;
}

section.content-wrapper .share ul:not(.list-unstyle) li a:active,
section.content-wrapper .share ul:not(.list-unstyle) li button:active {
  background-color: #758cff;
}

section.content-wrapper .share ul:not(.list-unstyle) li.sf_copy {
  border: none;
  cursor: pointer;
  position: relative
}

section.content-wrapper .share ul:not(.list-unstyle) li .tooltip:focus ~ .tooltip-text {
  animation-name: tooltip;
  opacity: 0;
}

section.content-wrapper .share ul:not(.list-unstyle) li .tooltip-text {
  position: absolute;
  background-color: #F6F7FD;
  padding: 2px 5px;
  opacity: 0;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
  width: max-content;
  border-radius: 6px;
  margin-top: 5px;
}

@keyframes tooltip {
  0%   {opacity: 1;}
  99%  {opacity: 1;}
  100% {opacity: 0;}
}

section.content-wrapper .share ul:not(.list-unstyle) li img {
  padding: 5px;
}

/* Overrides for desktop viewport header area only */
.desktop .share {
  position: absolute;
  left: calc( (( 100vw - var(--social-container-width) ) / 2) - 150px );
  width: 9%;
  z-index: 1;
  display: none;
}

body section#content .desktop .share ul:not(.list-unstyle), 
.desktop .share ul {
  flex-direction: column;
}

.desktop .share li {
  width: 100%;
  padding-bottom: 20px;
}

.desktop .share li a {
  padding-bottom: 5px;
}