/**
 * Share widget's style.
 */

@import '../variables';

.share-widget {

	gap: 5px;

	a {

		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		min-width: 30px;
		height: 30px;
		border: 2px solid rgba($black, 0.2);
		border-radius: 3px;
		color: rgba($black, 0.2);
		cursor: pointer;
		i { font-size: 14px; line-height: 1; }
		transition: all 0.25s ease-in-out;
		transition-property: color, border;

		&:hover {
			border-color: var(--bs-primary);
			color: var(--bs-primary);
		}

	}

}