/**
 * Buttons block styles
 */

@import '../../assets/css/components/buttons.css';

.ta-buttons-block {
	margin-top: var(--ta-margin-top, 0);
	margin-bottom: var(--ta-margin-bottom, 0);
}

.ta-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ta-buttons-gap, 16px);
}

.ta-buttons--align-left {
	justify-content: flex-start;
}

.ta-buttons--align-center {
	justify-content: center;
}

.ta-buttons--align-right {
	justify-content: flex-end;
}

@media (max-width: 1024px) {
	.ta-buttons-block {
		margin-top: var(--ta-margin-top-mobile, var(--ta-margin-top, 0));
		margin-bottom: var(--ta-margin-bottom-mobile, var(--ta-margin-bottom, 0));
	}

	.ta-buttons {
		gap: var(--ta-buttons-gap-mobile, var(--ta-buttons-gap, 16px));
	}
}