.base-strategy-cta-center-v1 {
--white: #ffffff;
--ghost: #f0f3fa;
--ocean: #3b54b5;
--french: #273d8f;
--imperial: #1a2b6b;
--prussian: #0d1636;
--scarlet: #d13e43;
--ink: #12202e;
--body: #45546f;
--muted: #6a7791;
--line-soft: rgba(39, 61, 143, 0.10);
--line-mid: rgba(39, 61, 143, 0.18);
--focus: #ffbf47;
--radius: 25px;
--shadow: 0 10px 30px rgba(13, 22, 54, 0.08), 0 2px 10px rgba(13, 22, 54, 0.04);width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
display: block;
box-sizing: border-box;
font-family: "Plus Jakarta Sans", sans-serif;
color: var(--ink);
background: transparent;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
isolation: isolate;
}.base-strategy-cta-center-v1 *,
.base-strategy-cta-center-v1 *::before,
.base-strategy-cta-center-v1 *::after {
box-sizing: border-box;
}.base-strategy-cta-center-v1 :focus-visible {
outline: 3px solid var(--focus);
outline-offset: 3px;
border-radius: 8px;
}.base-strategy-cta-center-v1 .bscc-card {
width: 100%;
max-width: 100%;
margin: 0;
padding: 50px;
border-radius: 25px;
background:
radial-gradient(circle at top right, rgba(59, 84, 181, 0.07), transparent 24%),
radial-gradient(circle at bottom left, rgba(209, 62, 67, 0.05), transparent 18%),
linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
border: 1px solid var(--line-soft);
box-shadow: var(--shadow);
text-align: center;
overflow: hidden;
position: relative;
}.base-strategy-cta-center-v1 .bscc-inner {
width: 100%;
max-width: 860px;
margin: 0 auto;
display: grid;
gap: 18px;
justify-items: center;
}.base-strategy-cta-center-v1 .bscc-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(59, 84, 181, 0.06);
border: 1px solid var(--line-soft);
color: var(--french);
font-size: 0.78rem;
line-height: 1;
font-weight: 800;
letter-spacing: 0.10em;
text-transform: uppercase;
}.base-strategy-cta-center-v1 .bscc-title {
margin: 0;
color: var(--prussian);
font-size: clamp(2rem, 3vw, 3.1rem);
line-height: 1.04;
font-weight: 800;
letter-spacing: -0.05em;
text-wrap: balance;
}.base-strategy-cta-center-v1 .bscc-desc {
margin: 0;
color: var(--body);
font-size: 0.98rem;
line-height: 1.76;
max-width: 62ch;
text-wrap: pretty;
}.base-strategy-cta-center-v1 .bscc-points {
list-style: none;
margin: 4px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}.base-strategy-cta-center-v1 .bscc-points li {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 8px 12px;
border-radius: 999px;
background: var(--white);
border: 1px solid var(--line-soft);
color: var(--imperial);
font-size: 0.82rem;
line-height: 1;
font-weight: 700;
}.base-strategy-cta-center-v1 .bscc-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 8px;
}.base-strategy-cta-center-v1 .bscc-btn {
min-height: 52px;
padding: 14px 24px;
border-radius: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
text-decoration: none !important;
font-size: 0.95rem;
line-height: 1;
font-weight: 800;
border: 2px solid transparent;
transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}.base-strategy-cta-center-v1 .bscc-btn:hover {
transform: translateY(-2px);
}.base-strategy-cta-center-v1 .bscc-btn--primary {
background: linear-gradient(135deg, var(--ocean) 0%, var(--french) 100%);
color: var(--white);
box-shadow: 0 12px 28px rgba(39, 61, 143, 0.18);
}.base-strategy-cta-center-v1 .bscc-btn--primary:hover {
background: linear-gradient(135deg, #4863cc 0%, #2b439d 100%);
color: var(--white);
}.base-strategy-cta-center-v1 .bscc-btn svg {
width: 16px;
height: 16px;
flex: 0 0 auto;
transition: transform .2s ease;
}.base-strategy-cta-center-v1 .bscc-btn:hover svg,
.base-strategy-cta-center-v1 .bscc-btn:focus-visible svg {
transform: translateX(4px);
}@media (max-width: 767px) {
.base-strategy-cta-center-v1 .bscc-card {
padding: 35px 15px;
}.base-strategy-cta-center-v1 .bscc-actions {
width: 100%;
}.base-strategy-cta-center-v1 .bscc-btn {
width: 100%;
}
}@media (prefers-reduced-motion: reduce) {
.base-strategy-cta-center-v1 .bscc-btn,
.base-strategy-cta-center-v1 .bscc-btn svg {
transition: none;
}.base-strategy-cta-center-v1 .bscc-btn:hover {
transform: none;
}
}
Supported Employment Techniques
Ready to build confident Supported Employment practice?
Use the latest course list for scheduled dates, or contact the training team if you need advice about suitability, commissioned delivery or group bookings.
- CPD-accredited
- Online or face-to-face
- BASE member pricing