.share-icon { width: 20px; height: 20px; vertical-align: middle; }
.sharediv { position: relative; top: 24px; right: 24px; padding-bottom: 36px; }
.toastdiv { display: flex; align-items: center; justify-content: center; }
.toastbox { position: fixed; top: 105%; z-index: 2; width: 280px; padding: 10px; border-radius: 8px; background: #111018e6; color: #fff; text-align: center; transition: transform .3s linear; }
.toastbox.toast-tox--active { transform: translateY(-150px); }
.sharebutton { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 10px; cursor: pointer; }
@media (min-width: 600px) { .sharebutton { width: 150px; } }
@media (max-width: 600px) { .sharebutton-mb { display: none; } .sharebutton-img { position: relative; left: 3px; margin: auto; } }