.masteriyo-single-course-social-share {
	// margin-top: 24px;

	h5 {
		margin-bottom: 16px;
		text-align: center;
	}

	.masteriyo-single-course-social-media-icons {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 12px;

		.social-icon-wrapper {
			width: var(--size);
			height: var(--size);
			display: flex;
			align-items: center;
			justify-content: center;

			&.facebook {
				background: #1877f2;
			}

			&.twitter {
				background: #00070a;
			}

			&.linkedin {
				background: #0072b1;
			}

			svg {
				width: calc(var(--size) / 1.6);
			}
		}

		&.round {
			.social-icon-wrapper {
				border-radius: 50%;
			}
		}

		&.rectangle {
			.social-icon-wrapper {
				width: calc(1.4 * var(--size));
				height: var(--size);
			}
		}

		&.light {
			.social-icon-wrapper {
				background: #fff !important;
				border: 1px solid #e1e1e1;

				svg path {
					fill: #4d4d4d;
				}
			}
		}

		&.dark {
			.social-icon-wrapper {
				background: #222 !important;
				border: 1px solid #222;

				svg path {
					fill: #f2f2f2;
				}
			}
		}
	}
}

.masteriyo-single {
	&-body {
		&__aside {
			&--items-wrapper {
				.masteriyo-single-course-social-share {
					margin-top: 0;

					h5 {
						color: #383838;
						font-size: 18px;
						font-weight: 600;
						line-height: 26px;
						border-bottom: 1px solid #ebecf2;
						padding-bottom: 16px;
						margin-bottom: 20px;
						text-align: left;
					}

					.masteriyo-single-course-social-media-icons {
						justify-content: flex-start;
					}
				}
			}
		}
	}
}

.masteriyo-single-course {
	&--aside {
		.masteriyo-single-course-social-share {
			padding: 0 $spacing_8px;

			h5 {
				font-weight: bold;
				font-size: 18px;
				line-height: 28px;
				color: var(--masteriyo-color-heading);
				text-align: left;
			}

			.masteriyo-single-course-social-media-icons {
				justify-content: flex-start;
			}
		}
	}
}
