.sharediv { display: flex; justify-content: flex-end; padding: 18px 24px 0; }
.sharebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 22px;
  background: rgb(255 255 255 / 65%);
  color: var(--z-action-dark);
  font: 500 .875rem/1 var(--z-text);
  cursor: pointer;
}
.share-icon { width: 18px; height: 18px; margin-right: 8px; vertical-align: middle; }
.toastdiv { display: flex; justify-content: center; }
.toastbox { position: fixed; z-index: 10; bottom: -100px; padding: 12px 20px; border-radius: 16px; color: var(--z-surface); background: var(--z-action-dark); }
.toastbox.toast-tox--active { bottom: 24px; }
@media (max-width: 600px) { .sharebutton-mb { display: none; } .share-icon { margin-right: 0; } }