@charset 'UTF-8';


.apura-button-group {
	display: flex;
	// border: 1px solid #f9f9fe;
}

.apura-button-group__item {
	flex: 1;
	margin-inline-start: -1px;
	&:first-child {
		margin-inline-start: 0;
	}
}

.apura-button {
	--wp-components-color-foreground: var(--ap-customizer-theme-color);
	// --wp-components-color-accent: #444;
	// --wp-components-color-accent-darker-10: #333;
	// --wp-components-color-foreground-inverted: #fff;
	display: flex;
	justify-content: center;
	width: 100%;
	border: 1px solid var(--ap-customizer-input-border-color);
	background: #fff;
	color: var(--ap-customizer-color-gray-text);
	&:hover {
		// background: #f5f5f5;
	}
	&.is-pressed {
		// --wp-components-color-foreground: var(--ap-customizer-theme-color);
		&:focus:not(:disabled) {
			box-shadow: none;
		}
	}
}


// Image Button Group.
.apura-image-button {
	border: 0;
	padding: 2px 2px 3px;
	cursor: pointer;
	&.is-active {
		background: var(--ap-customizer-theme-color);
		.apura-image-button__label {
			color: #fff;
		}
	}
	&:hover {
		opacity: .8;

	}
}

.apura-image-button__image {
	display: block;
	>img {
		width: 100%;
		height: auto;
	}
}

.apura-image-button__label {
	display: block;
	color: var(--ap-customizer-color-gray-text);
	font-size: 90%;
}