.icon-label-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--icon-label-button-gap, 15px);
	padding: var(--icon-label-button-padding, 20px);
	background: var(--icon-label-button-bg, var(--color-white, #fffdf6));
	color: var(--icon-label-button-color, var(--color-black, #303030));
	text-decoration: none;
	letter-spacing: 0.08em;
	border: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.icon-label-button:hover,
.icon-label-button:focus-visible {
	opacity: 0.88;
}

.icon-label-button__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
}

.icon-label-button__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.icon-label-button--mobile-square {
		width: 56px;
		height: 56px;
		padding: 0;
	}

	.icon-label-button--mobile-square .icon-label-button__icon {
		width: 22px;
		height: 22px;
	}

	.icon-label-button--mobile-icon-only .icon-label-button__label {
		display: none;
	}
}