@use "../../1-helpers/functions";

$buttons-base:
	'.button',
	'.ct-button',
	'.added_to_cart',
	'.ct-button-ghost',
	'[type="submit"]',
	'.wp-element-button',
	'.wp-block-button__link',

	// special buttons
	'button.regform-button',
	'button[class*="ajax"]',
	
	// integrations
	'.woocommerce button.button',
	'.woocommerce-message .showlogin',
	'.woocommerce-message .restore-item',
	'.forminator-ui[data-design="none"] .forminator-button',
	'.fluentform .ff-el-group button.ff-btn',
;


#{$buttons-base} {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--theme-button-min-height);
	padding: var(--theme-button-padding);
	border: none;
	appearance: none;
	cursor: pointer;
	user-select: none;
	text-align: center;
	border-radius: var(--theme-button-border-radius, 3px);
	transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	--has-link-decoration: var(--false);


	&:disabled, &.disabled {
		opacity: 0.5;
		cursor: not-allowed;

		--theme-button-shadow: none;
		--theme-button-transform: none;
	}

	@include functions.media-breakpoint-down (xs) {
		--padding: 5px 15px;
	}

	// alignment
	&.has-text-align-left {
		justify-content: flex-start;
	}
	
	&.has-text-align-right {
		justify-content: flex-end;
	}
}