.tl-buttons-1 {
	padding: 24px 0;
	text-align: center;
}

.tl-buttons-1__item {
	display: flex;
	margin: 24px 12px 0;
}

.tl-buttons-1__buttons {
	margin: -24px -12px 0;
}

.tl-buttons-1__item .tl-button-text {color: inherit;}

.tl-buttons-1__item.reverse .tl-button-icon {order: 1;}

.tl-buttons-1__item.reverse .tl-button-icon + .tl-button-text {margin: 0 16px 0 0}

@media all and (min-width: 960px) {
	.tl-buttons-1__item:not(._auto-width) {max-width: 592px; width: 100%;}
	.tl-buttons-1 .tl-buttons-1__item {
		display: inline-flex;
		vertical-align: middle;
		box-sizing: border-box;
	}
}

@media all and (min-width: 1200px) {
	.tl-buttons-1 { padding: 32px 0; }
	.tl-buttons-1__item:not(._auto-width) {max-width: 368px;}
	.tl-buttons-1__buttons {margin: -32px -16px 0;}
	.tl-buttons-1__item {
		margin: 32px 16px 0;
	}
	.tl-buttons-1__inner {max-width: 760px;}
	._half-width .tl-buttons-1__buttons {margin: -32px -8px 0;}
	._half-width .tl-buttons-1__item {display: inline-flex; margin: 32px 8px 0; max-width: 100%;}
}


@media all and (min-width: 1380px) {
	.tl-buttons-1__inner {max-width: 848px;}
	.tl-buttons-1__item:not(._auto-width) {
		max-width: 408px;
	}
	._half-width .tl-buttons-1__item {max-width: 100%;}
}

._half-width .tl-buttons-1__buttons, ._half-width .tl-buttons-1__item {
	margin-left: 0;
	margin-right: 0;
}

._half-width.sw .tl-buttons-1__buttons {
	margin-left: -12px;
	margin-right: -12px;
}

._half-width .tl-buttons-1__item._auto-width {
	width: auto;
	margin-left: 12px;
	margin-right: 12px;
	display: inline-flex;
}