@use '../../../components/molecules/share-this';
@use '../../../base/mixins/typography' as font;

.share-this {
	gap: var(--padding-small);

	@include font.get-typography(body-bold);

	&-label {
		@include font.get-typography(body-bold);

		color: var(--action);
	}

	&-icon {
		width: var(--padding-medium);
		height: var(--padding-medium);
		background-color: initial;
		color: var(--neutral-6);

		&:hover {
			background-color: initial;
			color: var(--action);
		}
	}

	.general-icon {
		&:hover {
			color: var(--action);
		}
	}
}