.site-share-button {
  appearance: none;
  display: inline-grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 1px solid #d6e4de;
  border-radius: 999px;
  padding: 0;
  background: #fff;
  color: #145740;
  cursor: pointer;
  transition: .3s;
}

.navbar .site-share-button { margin: 0 15px 0 0; }
#header .header-container > .site-share-button { margin-left: 0; }
.site-header .nav-links { margin-left: auto; }
.site-header .nav > .site-share-button { margin-left: 0; }

.site-share-button:hover,
.site-share-button:focus-visible {
  border-color: #145740;
  background: #e9f7f1;
  color: #0d4634;
  outline: 0;
}

#footer .footer-share-link,
.footer .footer-share-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
  transition: .3s;
}

#footer .footer-share-link:hover,
#footer .footer-share-link:focus-visible {
  color: #145740;
  outline: 0;
}

.footer .footer-share-link:hover,
.footer .footer-share-link:focus-visible {
  color: #f4b942;
  outline: 0;
}

.copy-helper { position: fixed; left: -9999px; }
.share-status {
  position: fixed;
  z-index: 1100;
  right: 16px;
  bottom: 68px;
  max-width: min(30rem, calc(100% - 32px));
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  padding: 13px 16px;
  background: #0d4634;
  color: #fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.2);
  font-size: .9rem;
  font-weight: 700;
}
.share-status[data-kind="error"] { background: #7a3026; }
.share-status[hidden] { display: none; }

@media (max-width: 991px) {
  .navbar-mobile .site-share-button {
    margin: 10px 20px;
    background: #145740;
    color: #fff;
    border-color: #145740;
  }
  .navbar-mobile .site-share-button:hover,
  .navbar-mobile .site-share-button:focus-visible {
    background: #00b383;
    color: #fff;
    border-color: #00b383;
  }
}

@media (max-width: 900px) {
  .site-header .nav {
    flex-direction: row;
    align-items: center;
  }
  .site-header .nav-links { display: none; }
  .site-header .nav > .site-share-button { margin-left: auto; }
}

@media (max-width: 767px) {
  #header .header-container > .btn-success { display: none; }
  #header .header-container > .site-share-button { margin-left: auto; }
}