.btn {
	font-weight: 700;
}

._btn-xs {
	--bs-btn-font-size: .75rem;
}

._btn-sm {
	--bs-btn-font-size: .875rem;
}

._btn-md {
	--bs-btn-font-size: .875rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: 0.5rem;
}

._btn-lg {
	--bs-btn-padding-x: 1.5rem;
	--bs-btn-padding-y: 0.75rem;
}

._btn-xl {
	--bs-btn-font-size: 1.25rem;
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 1rem;
}

[data-spinner-on-state="disabled"] [data-spinner] {
	display: none;
}

[data-spinner-on-state="disabled"][disabled] [data-spinner] {
	display: block;
}

.btn-brand-light {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--westlands-blue-500);
	--bs-btn-border-color: var(--westlands-blue-500);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--westlands-blue-700);
	--bs-btn-hover-border-color: var(--westlands-blue-700);
	--bs-btn-focus-shadow-rgb: var(--westlands-blue-700-rgb);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--westlands-blue-900);
	--bs-btn-active-border-color: var(--westlands-blue-900);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--westlands-blue-500);
	--bs-btn-disabled-border-color: var(--westlands-blue-500);
}

.btn-brand {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sea-blue-500);
	--bs-btn-border-color: var(--sea-blue-500);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--sea-blue-700);
	--bs-btn-hover-border-color: var(--sea-blue-700);
	--bs-btn-focus-shadow-rgb: var(--sea-blue-700-rgb);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--sea-blue-900);
	--bs-btn-active-border-color: var(--sea-blue-900);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--sea-blue-500);
	--bs-btn-disabled-border-color: var(--sea-blue-500);
}

.btn-brand-deep {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--deep-blue-500);
	--bs-btn-border-color: var(--deep-blue-500);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--deep-blue-700);
	--bs-btn-hover-border-color: var(--deep-blue-700);
	--bs-btn-focus-shadow-rgb: var(--deep-blue-600-rgb);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--deep-blue-900);
	--bs-btn-active-border-color: var(--deep-blue-900);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--deep-blue-500);
	--bs-btn-disabled-border-color: var(--deep-blue-500);
}

.btn-brand-abyss {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--abyss-blue-500);
	--bs-btn-border-color: var(--abyss-blue-500);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--abyss-blue-625);
	--bs-btn-hover-border-color: var(--abyss-blue-625);
	--bs-btn-focus-shadow-rgb: var(--abyss-blue-500-rgb);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--abyss-blue-750);
	--bs-btn-active-border-color: var(--abyss-blue-750);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--abyss-blue-500);
	--bs-btn-disabled-border-color: var(--abyss-blue-500);
}

.btn-brand-midnight {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--midnight-blue-500);
	--bs-btn-border-color: var(--midnight-blue-500);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--midnight-blue-375);
	--bs-btn-hover-border-color: var(--midnight-blue-375);
	--bs-btn-focus-shadow-rgb: var(--midnight-blue-375-rgb);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--midnight-blue-250);
	--bs-btn-active-border-color: var(--midnight-blue-250);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--midnight-blue-500);
	--bs-btn-disabled-border-color: var(--midnight-blue-500);
}

.btn-blanco {
	--bs-btn-color: var(--bs-gray-dark);
	--bs-btn-bg: #fff;
	--bs-btn-border-color: var(--bs-gray-300);

	--bs-btn-hover-color: var(--bs-gray-dark);
	--bs-btn-hover-bg: var(--bs-gray-100);
	--bs-btn-hover-border-color: var(--bs-gray-300);

	--bs-btn-active-color: var(--bs-gray-dark);
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: var(--bs-gray-300);

	--bs-btn-disabled-color: var(--bs-gray-dark);
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: var(--bs-gray-300);
}

.btn-blanco-alt {
	--bs-btn-color: var(--sea-blue-500);
	--bs-btn-bg: #fff;
	--bs-btn-border-color: var(--bs-gray-300);

	--bs-btn-hover-color: var(--sea-blue-700);
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: var(--sea-blue-500);

	--bs-btn-active-color: var(--sea-blue-900);
	--bs-btn-active-bg: #fff;
	--bs-btn-active-border-color: var(--bs-gray-300);

	--bs-btn-disabled-color: var(--sea-blue-500);
	--bs-btn-disabled-bg: #fff;
	--bs-btn-disabled-border-color: var(--bs-gray-300);
}