.share-links{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px 0; position: fixed; top: 112px; right: 24px; opacity: 0; pointer-events: none; transform-origin: left center; z-index: 1000; transition: all 0.2s linear;}
.share-links.toggle-up{opacity: 1; pointer-events: auto;}
.share-links a{background-color: white; border-radius: 34px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, .1);color: black!important; display: flex; font-size: 24px; align-items: center; justify-content: center; height: 34px; width: 34px;}
.share-links a svg{width: 32px; height: 32px;}

@media only screen and (max-width: 767px) {
	.share-links{flex-direction: row; gap: 0 8px; top: auto; bottom: -40px; right: auto; left: 50%; transform: translateX(-50%);}
	.share-links.toggle-up{bottom: 20px;}
}