.share-menu--desktop {
  position: absolute;
  display: none;
  top: -1.5rem;
  right: 0;
  box-shadow: 0 0.3125rem 1.25rem rgb(0 0 0 / 20%);
}
.share-menu--desktop .share-menu__toggler {
  position: relative;
  display: block;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  text-indent: -9999em;
  background: #eff4f6;
  overflow: hidden;
  z-index: 2;
}
.share-menu--desktop .share-menu__toggler:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background-position: -4rem -4rem;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 1.875rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__flyout {
  background: #eff4f6;
  position: relative;
  margin-top: -1.625rem;
  z-index: 1;
  transition: margin-top .1s ease .7s;
}
.share-menu--desktop .share-menu__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
  height: 0;
  box-sizing: border-box;
  transition: height .7s ease-in 0s;
}
.share-menu--desktop .share-menu__item:first-child {
  margin-top: .25rem;
}
.share-menu--desktop .share-menu__link{
  position: relative;
  display: block;
  cursor: pointer;
  text-indent: -9999em;
  overflow: hidden;
  width: 3rem;
  height: 2.5rem;
}
.share-menu--desktop .share-menu__link:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.share-menu--desktop .share-menu__link.twitter:after {
  background-position: 0 0;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__link.facebook:after {
  background-position: -9.5rem -4rem;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__link.linkedin:after {
  background-position: 0 -4rem;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__link.xing:after {
  background-position: 0 -2rem;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__link.youtube:after {
  background-position: -9.5rem 0;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__link.mail:after {
  background-position: -4rem -2rem;
  background-size: 11.5rem 8rem;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 2rem;
  height: 2rem;
}
.share-menu--desktop .share-menu__close {
    position: relative;
    display: block;
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    text-indent: -9999em;
    overflow: hidden;
}
.share-menu--desktop .share-menu__close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%, -50%, 1);
    transform: translate3d(-50%, -50%, 1);
    width: 0;
    height: 0;
    border-bottom: .375rem solid #838383;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent;
}
.share-menu--desktop .share-menu__flyout.active {
    transition: margin-top .1s ease 0s;
    margin-top: 0;
}
.share-menu--desktop .share-menu__flyout.active .share-menu__list {
    height: 15.5rem;
    transition: height .7s ease-out .1s;
}
.share-menu--desktop .share-menu__link.twitter:hover:after {
    background-position: -2rem -4rem;
}
.share-menu--desktop .share-menu__link.facebook:hover:after {
    background-position: -9.5rem -6rem;
}
.share-menu--desktop .share-menu__link.linkedin:hover:after {
    background-position: -2rem 0;
}
.share-menu--desktop .share-menu__link.xing:hover:after {
    background-position: -2rem -2rem;
}
.share-menu--desktop .share-menu__link.youtube:hover:after {
    background-position: -9.5rem -2rem;
}
.share-menu--desktop .share-menu__link.mail:hover:after {
    background-position: -4rem 0;
}
@media (min-width: 992px){
  .share-menu--desktop {
    display: block;
  }
}