/**
 * Buttons block styles
 *
 * Base .btn / .rs-buttons layout: assets/css/components/buttons.css (via main.css).
 */

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

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

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

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

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

.rs-buttons-block.btn-shadow .btn {
	box-shadow: 13.33px 10px 16.67px 0px #00000033;
	background: linear-gradient(91.93deg, #0065CA -10.78%, #004080 120.28%);
}

@media (max-width: 1439px) {
	.rs-buttons-block {
		margin-top: var(--rs-margin-top-tablet, var(--rs-margin-top, 0));
		margin-bottom: var(--rs-margin-bottom-tablet, var(--rs-margin-bottom, 0));
	}
}

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

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