/**
 * Free Widgets For Elementor — Button widget.
 */

.fwfe-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: inherit;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: var( --fwfe-border-radius, 4px );
	background-color: var( --fwfe-primary-color, #6366f1 );
	color: #fff;
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.fwfe-button:hover,
.fwfe-button:focus {
	text-decoration: none;
	color: #fff;
}

.fwfe-button__icon {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.fwfe-button__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Sizes */
.fwfe-button--sm {
	padding: 8px 16px;
	font-size: 13px;
}

.fwfe-button--md {
	padding: 12px 24px;
	font-size: 15px;
}

.fwfe-button--lg {
	padding: 15px 32px;
	font-size: 17px;
}

.fwfe-button--xl {
	padding: 20px 40px;
	font-size: 20px;
}