.ct-share-box {
	
	.ct-module-title {
		display: block;
		font-size: var(--font-size, 14px);
		font-weight: var(--font-weight, 600);
		margin-bottom: 15px;
	}
}

// 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);
	}
}

// type 2 & type 3 common
.ct-share-box[data-type="type-2"],
.ct-share-box[data-type="type-3"] {
	> div {
		display: inline-flex;
		flex-wrap: wrap;
		margin-top: calc(var(--spacing, 15px) * -1);
		margin-left: calc(var(--spacing, 15px) / -2);
		margin-right: calc(var(--spacing, 15px) / -2);
	}

	a {
		margin-top: var(--spacing, 15px);
		margin-left: calc(var(--spacing, 15px) / 2);
		margin-right: calc(var(--spacing, 15px) / 2);
	}
}