/**
 * CAS Course Membership Button.
 *
 * The button reuses Tutor's .tutor-btn .tutor-btn-lg .tutor-btn-block classes so
 * it matches the Buy Now button exactly on course pages. The size declarations
 * below are the same values Tutor sets (padding 12px 32px, 16px/1.5, radius 6px)
 * repeated here only so the button still looks right where Tutor's stylesheet is
 * absent — the admin preview, and shortcode use on a non-course page.
 *
 * Colours are !important because the theme styles bare <a> colour at a
 * specificity that already overrides .tutor-btn-primary's white text on this
 * site; without it the label would inherit the theme link colour.
 */

.cas-cmc-wrap {
	margin-top: 12px;
}

.cas-cmc-btn,
a.cas-cmc-btn {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 12px 32px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

	background-color: var(--cas-cmc-bg, #467FF7) !important;
	border-color: var(--cas-cmc-bg, #467FF7) !important;
	color: var(--cas-cmc-fg, #FFFFFF) !important;
}

.cas-cmc-btn:hover,
.cas-cmc-btn:focus,
a.cas-cmc-btn:hover,
a.cas-cmc-btn:focus {
	background-color: var(--cas-cmc-bg-hover, #2E68E0) !important;
	border-color: var(--cas-cmc-bg-hover, #2E68E0) !important;
	color: var(--cas-cmc-fg, #FFFFFF) !important;
	text-decoration: none;
}

.cas-cmc-btn:focus-visible,
a.cas-cmc-btn:focus-visible {
	outline: 2px solid var(--cas-cmc-bg-hover, #2E68E0);
	outline-offset: 2px;
}

.cas-cmc-subtext {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	color: #5b616f;
}