/*
 * This file contains the global CSS styles for the button.mustache template.
 * These styles were adapted from `local/csd_sign_up/amd/src/styles/Button.module.css`.
 * Ensure this stylesheet is loaded on any page where the `local_csd_core/button` template is used.
 */

.csd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: white !important;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: #1C2E4A;
	border: 1px solid #1C2E4A;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 8px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.csd-btn:disabled {
	background-color: #BDC4D4 !important;
	border-color: #BDC4D4 !important;
	cursor: not-allowed;
}

.csd-btn-primary {
    background-color: #FF9E4F !important;
    border-color: #FF9E4F !important;
}

.csd-btn-primary:disabled {
	background-color: #BDC4D4 !important;
	border-color: #BDC4D4 !important;
	cursor: not-allowed;
}

.csd-btn-outline {
	background-color: transparent !important;
	color: #1C2E4A !important;
    border-color: #1C2E4A !important;
}

.csd-btn-outline:disabled {
	border-color: #D1CFC9 !important;
	color: #D1CFC9 !important;
	cursor: not-allowed;
}

.csd-btn-link {
	background-color: transparent !important;
	color: #0F1A2B !important;
	border: none !important;
	padding: 0 !important;
}

.csd-btn-link:focus {
	box-shadow: none !important;
}

.csd-btn-fullwidth {
	width: 100%;
}