/**
 * Share buttons
 */

.share-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	.list-style-item {
		margin-right: 0;
	}

	.share-label {
		color: var(--tertiary-color);
		font-weight: var(--font-weight-bold);
		font-size: 18px;
		margin-right: calc(var(--spacing) * .75);
	}

	a {
		transition: var(--transition);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: var(--bs-border-radius-2xl);
		background: var(--bs-white-rgb);
		color: var(--tertiary-color);
		text-decoration: none;

		&:hover,
		&:focus {
			background: var(--primary-color);

			.icon svg {
				fill: var(--white);
			}
		}
	}

	/* Icons */
	.icon {
		svg {
			fill: var(--tertiary-color);
			width: 16px;
		}
	}

	.share-facebook {
		svg {
			width: 10px;
		}
	}
}