.ct-social-box {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;

	li {
		line-height: normal;
		margin-bottom: 0 !important;

		a {
			display: flex;
			align-items: center;
			justify-content: center;
			transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
						background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);

			svg {
				fill: currentColor;
				width: 13px;
				height: 13px;
			}
		}
	}

	&[data-type="simple"] {
		margin: -10px -7px 0 -7px;

		li {
			padding: 10px 7px 0 7px;

			a {
				width: 15px;
				height: 15px;
			}
		}
	}


	// rounded
	&[data-type="rounded"] {
		margin: -10px -7px 0 -7px;

		li {
			padding: 10px 7px 0 7px;

			a {
				width: 35px;
				height: 35px;
				background: rgba(242, 244, 247, 1);
				border-radius: 100%;

				&:hover {
					color: #fff;
					background: var(--paletteColor1);
				}
			}
		}
	}

	// square
	&[data-type="square"] {
		margin: -10px -7px 0 -7px;

		li {
			padding: 10px 7px 0 7px;

			a {
				width: 37px;
				height: 37px;
				border: 1px solid rgba(224, 229, 235, 0.8);

				&:hover {
					color: var(--paletteColor1);
				}
			}
		}
	}
}