.ct-share-box {
	display: flex;
	flex-direction: column;
	align-items: var(--horizontal-alignment);

	a {
		display: flex;
		justify-content: center;

		&:hover {

			.ct-tooltip {
				opacity: 1;
				visibility: visible;
				transform: translate3d(0px, calc(-100% - 12px), 0px);
			}
		}
	}

	.ct-tooltip {
		transform: translate3d(0px, calc(-100% - 7px), 0px);
	}
}

// box location
.ct-share-box {

	&[data-location="top"] {
		margin-bottom: var(--margin, 50px);
	}

	&[data-location="bottom"] {
		margin-top: var(--margin, 50px);
		
		&:not(:last-child) {
			margin-bottom: var(--margin, 50px);
		}
	}
}

.hero-section[data-type="type-1"] {

	+ .ct-share-box[data-location="top"] {
		margin-top: var(--margin, 50px);
	}
}