// ZASO Pricing Table Widget
// NOTE: SiteOrigin prepends .so-widget-<id> to every selector compiled from this file.
// Flat modifier class pattern for columns — never @columns in repeat().
// Cross-element modifier rules MUST be flat top-level selectors.

@featured_color:    #4f46e5;
@accent_on_surface: #4f46e5;
@card_bg:           #ffffff;
@card_border:       #e5e7eb;
@card_radius:       12px;
@button_bg:         #4f46e5;
@button_text_color: #ffffff;
@text_color:        #111111;
@text_muted:        #6b7280;
@gap:               24px;

// ─── Grid ─────────────────────────────────────────────────────────────────────
.zaso-pricing-table {
	display:               grid;
	gap:                   @gap;
	list-style:            none;
	margin:                0;
	padding:               0;
	grid-template-columns: 1fr;
}

.zaso-pricing-table--cols-2 { grid-template-columns: repeat( 2, 1fr ); }
.zaso-pricing-table--cols-3 { grid-template-columns: repeat( 3, 1fr ); }
.zaso-pricing-table--cols-4 { grid-template-columns: repeat( 4, 1fr ); }

@media ( max-width: 767px ) {
	.zaso-pricing-table--cols-3,
	.zaso-pricing-table--cols-4 {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media ( max-width: 479px ) {
	.zaso-pricing-table--cols-2,
	.zaso-pricing-table--cols-3,
	.zaso-pricing-table--cols-4 {
		grid-template-columns: 1fr;
	}
}

// ─── Card ─────────────────────────────────────────────────────────────────────
.zaso-pricing-table__card {
	background:     @card_bg;
	border:         1px solid @card_border;
	border-radius:  @card_radius;
	padding:        32px;
	display:        flex;
	flex-direction: column;
	height:         100%;
	box-sizing:     border-box;
}

// ─── Featured (flat selectors — no chained &!) ────────────────────────────────
.zaso-pricing-table__item--featured .zaso-pricing-table__card {
	border-color: @accent_on_surface;
	border-width: 2px;
}

// ─── Name ─────────────────────────────────────────────────────────────────────
.zaso-pricing-table__name {
	margin:         0;
	font-size:      1.1rem;
	font-weight:    700;
	color:          @text_color;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.zaso-pricing-table__item:not( .zaso-pricing-table__item--featured ) .zaso-pricing-table__name {
	color: @text_muted;
}

// ─── Price ────────────────────────────────────────────────────────────────────
.zaso-pricing-table__price-wrap {
	display:     flex;
	align-items: baseline;
	gap:         4px;
	margin:      16px 0 8px;
}

.zaso-pricing-table__currency {
	font-size:   1.25rem;
	font-weight: 600;
	color:       @text_color;
}

.zaso-pricing-table__price {
	font-size:   2.5rem;
	font-weight: 700;
	line-height: 1;
	color:       @text_color;
}

.zaso-pricing-table__period {
	font-size: 0.875rem;
	color:     @text_muted;
}

// ─── Description ──────────────────────────────────────────────────────────────
.zaso-pricing-table__description {
	font-size: 0.9rem;
	color:     @text_muted;
	margin:    0 0 16px;
}

// ─── Features ─────────────────────────────────────────────────────────────────
.zaso-pricing-table__features {
	list-style: none;
	margin:     16px 0 24px;
	padding:    0;
	flex-grow:  1;
}

.zaso-pricing-table__features li {
	display:     flex;
	align-items: flex-start;
	gap:         8px;
	padding:     6px 0;
	font-size:   0.9rem;
	color:       @text_muted;
}

.zaso-pricing-table__features svg {
	color:       @accent_on_surface;
	flex-shrink: 0;
	margin-top:  2px;
}

// ─── Button ───────────────────────────────────────────────────────────────────
.zaso-pricing-table__btn {
	display:         block;
	text-align:      center;
	background:      @button_bg;
	color:           @button_text_color;
	border-radius:   6px;
	padding:         12px 24px;
	text-decoration: none;
	font-weight:     600;
	font-size:       0.95rem;
	transition:      ~"opacity 0.2s ease";
	margin-top:      auto;
}

.zaso-pricing-table__btn:hover {
	opacity: 0.88;
	color:   @button_text_color;
}

.zaso-pricing-table__btn:focus-visible {
	outline:        2px solid @accent_on_surface;
	outline-offset: 2px;
}

// Theme-proofing. Themes style links/buttons at high specificity, e.g. Twenty
// Twenty-One's `a:not(.wp-block-button__link):not(.wp-block-file__button)` is
// (0,2,1) and overrides the widget's (0,2,0) button colours, leaving dark text
// on the coloured button. Re-assert the button look from (0,3,1), no !important.
.zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: @button_bg;
	color:      @button_text_color;
}

// Visually-hidden text for assistive tech (featured indicator, new-tab hint).
.zaso-pricing-table .screen-reader-text {
	position: absolute;
	width:    1px;
	height:   1px;
	padding:  0;
	margin:   -1px;
	overflow: hidden;
	clip:     rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border:   0;
}

// ════════════════════════════════════════════════════════════════════════════
// LAYOUT VARIANTS (structure only)
// ----------------------------------------------------------------------------
// Orthogonal to the colour skins. The Style preset still drives bg/border/accent/
// button colours via the @vars above; these rules only restructure shape (card
// border presence, shadow, radius, padding, density, grid gap). The "default"
// layout adds no class and is intentionally untouched here. Flat top-level
// selectors only, per the column-modifier convention above.
// ════════════════════════════════════════════════════════════════════════════

// ─── Layout: bordered ──────────────────────────────────────────────────────────
// Flat connected columns: zero grid gap so the cards butt into one ruled block,
// square corners, no shadow. Each card already carries a 1px @card_border (and the
// featured tier a 2px accent border) from the base rules, so touching edges form
// the seams. This stays wrap-safe: every card keeps all four borders when the
// grid reflows on mobile, and empty trailing cells render nothing. The featured
// tier lifts above the neighbouring seams via z-index so its accent reads cleanly.
.zaso-pricing-table--layout-bordered {
	gap: 0;
}

.zaso-pricing-table--layout-bordered .zaso-pricing-table__card {
	border-radius: 0;
	box-shadow:    none;
}

.zaso-pricing-table--layout-bordered .zaso-pricing-table__item--featured .zaso-pricing-table__card {
	position: relative;
	z-index:  1;
}

// ─── Layout: elevated ──────────────────────────────────────────────────────────
// Floating cards: no border, larger radius, generous padding, soft drop shadow,
// wider gap. The featured tier rises higher and gains an accent ring (reusing
// @featured_color) plus a deeper shadow instead of a flat border.
.zaso-pricing-table--layout-elevated {
	gap: 32px;
}

.zaso-pricing-table--layout-elevated .zaso-pricing-table__card {
	border:        0;
	border-radius: 18px;
	padding:       36px 32px;
	box-shadow:    0 0 0 1px rgba( 0, 0, 0, 0.05 ), 0 10px 30px -12px rgba( 0, 0, 0, 0.25 ), 0 4px 10px rgba( 0, 0, 0, 0.06 );
}

.zaso-pricing-table--layout-elevated .zaso-pricing-table__item--featured .zaso-pricing-table__card {
	border:     0;
	transform:  translateY( -10px );
	box-shadow: 0 0 0 2px @accent_on_surface, 0 24px 50px -16px rgba( 0, 0, 0, 0.35 ), 0 8px 16px rgba( 0, 0, 0, 0.10 );
}

// ─── Layout: compact ───────────────────────────────────────────────────────────
// Dense table: tighter padding, smaller type and row spacing, slimmer button and
// gap, for fitting many plans or features in a small space.
.zaso-pricing-table--layout-compact {
	gap: 12px;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__card {
	padding:       20px 22px;
	border-radius: 8px;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__name {
	font-size: 0.95rem;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__price-wrap {
	margin: 10px 0 6px;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__price {
	font-size: 1.9rem;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__currency {
	font-size: 1rem;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__description {
	font-size: 0.82rem;
	margin:    0 0 10px;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__features {
	margin: 10px 0 16px;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__features li {
	padding:   3px 0;
	font-size: 0.82rem;
}

.zaso-pricing-table--layout-compact .zaso-pricing-table__btn {
	padding:   9px 16px;
	font-size: 0.875rem;
}

// ════════════════════════════════════════════════════════════════════════════
// PRE-MADE DESIGNS (free 6)
// ----------------------------------------------------------------------------
// Self-contained colour skins keyed by the root modifier .zaso-pricing-table--
// design-<id> on the <ul>. Each design only ADDS rules; nothing above is edited.
// Name colour/casing is re-asserted from (0,3,0) via .card .__name so it beats
// the muted-name rule; buttons are re-asserted from (0,3,1) on a.__btn so themes
// can't recolour them (no !important anywhere). Feature icon: the template's
// inline <svg> is hidden and a Material Symbols check_circle is drawn as ::before
// so the glyph matches the design source. Values pulled verbatim from the spec
// FREE section (Layouts 01–03). No divider node exists in the markup, so the
// spec's divider tones are intentionally omitted.
// ════════════════════════════════════════════════════════════════════════════

// ─── Design: classic-indigo (01A) ───────────────────────────────────────────
.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__card {
	background:    #ffffff;
	border:        1px solid #e2e8f0;
	border-radius: 18px;
	padding:       28px;
	box-shadow:    0 4px 16px rgba( 15, 23, 42, 0.05 );
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__card .zaso-pricing-table__name {
	color:          #4f46e5;
	font-size:      14px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__description {
	color:     #64748b;
	font-size: 13.5px;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__currency {
	color:       #0f172a;
	font-size:   26px;
	font-weight: 800;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__price {
	color:       #0f172a;
	font-size:   44px;
	font-weight: 800;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__period {
	color:       #94a3b8;
	font-size:   15px;
	font-weight: 600;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #16a34a;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       13px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-classic-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: #4f46e5;
	color:      #ffffff;
}

// ─── Design: classic-teal (01B) ─────────────────────────────────────────────
.zaso-pricing-table--design-classic-teal .zaso-pricing-table__card {
	background:    #ffffff;
	border:        1px solid #e2e8f0;
	border-radius: 18px;
	padding:       28px;
	box-shadow:    0 4px 16px rgba( 15, 23, 42, 0.05 );
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__card .zaso-pricing-table__name {
	color:          #0d9488;
	font-size:      14px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__description {
	color:     #64748b;
	font-size: 13.5px;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__currency {
	color:       #0f172a;
	font-size:   26px;
	font-weight: 800;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__price {
	color:       #0f172a;
	font-size:   44px;
	font-weight: 800;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__period {
	color:       #94a3b8;
	font-size:   15px;
	font-weight: 600;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #0d9488;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       13px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-classic-teal .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-classic-teal .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-classic-teal .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: #0d9488;
	color:      #ffffff;
}

// ─── Design: accent-indigo (02A) ────────────────────────────────────────────
// Header bleed: card padding 28px + overflow hidden. .__name negative-margins to
// the top/side edges and .__price-wrap continues the same #4f46e5 fill below it,
// so the two nodes read as one solid colour-block header flush to the card edge.
.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__card {
	background:    #ffffff;
	border:        1px solid #e2e8f0;
	border-radius: 18px;
	padding:       28px;
	overflow:      hidden;
	box-shadow:    0 4px 16px rgba( 15, 23, 42, 0.05 );
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__card .zaso-pricing-table__name {
	background:     #4f46e5;
	color:          #ffffff;
	margin:         -28px -28px 0;
	padding:        22px 28px 0;
	font-size:      15px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__price-wrap {
	background: #4f46e5;
	margin:     0 -28px 18px;
	padding:    0 28px 22px;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__currency {
	color:       #ffffff;
	font-size:   22px;
	font-weight: 800;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__price {
	color:       #ffffff;
	font-size:   38px;
	font-weight: 800;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__period {
	color:       rgba( 255, 255, 255, 0.8 );
	font-size:   14px;
	font-weight: 600;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__description {
	color:     #64748b;
	font-size: 13.5px;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #16a34a;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       12px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-accent-indigo .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: transparent;
	color:      #4f46e5;
	border:     1.5px solid #4f46e5;
}

// ─── Design: accent-rose (02B) ──────────────────────────────────────────────
.zaso-pricing-table--design-accent-rose .zaso-pricing-table__card {
	background:    #ffffff;
	border:        1px solid #e2e8f0;
	border-radius: 18px;
	padding:       28px;
	overflow:      hidden;
	box-shadow:    0 4px 16px rgba( 15, 23, 42, 0.05 );
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__card .zaso-pricing-table__name {
	background:     #e11d48;
	color:          #ffffff;
	margin:         -28px -28px 0;
	padding:        22px 28px 0;
	font-size:      15px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__price-wrap {
	background: #e11d48;
	margin:     0 -28px 18px;
	padding:    0 28px 22px;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__currency {
	color:       #ffffff;
	font-size:   22px;
	font-weight: 800;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__price {
	color:       #ffffff;
	font-size:   38px;
	font-weight: 800;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__period {
	color:       rgba( 255, 255, 255, 0.8 );
	font-size:   14px;
	font-weight: 600;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__description {
	color:     #64748b;
	font-size: 13.5px;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #16a34a;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       12px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-accent-rose .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-accent-rose .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-accent-rose .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: transparent;
	color:      #e11d48;
	border:     1.5px solid #e11d48;
}

// ─── Design: minimal-slate (03A) ────────────────────────────────────────────
.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__card {
	background:    #f8fafc;
	border:        1.5px solid #e2e8f0;
	border-radius: 18px;
	padding:       28px;
	box-shadow:    none;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__card .zaso-pricing-table__name {
	color:          #0f172a;
	font-size:      14px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__description {
	color:     #64748b;
	font-size: 13.5px;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__currency {
	color:       #0f172a;
	font-size:   24px;
	font-weight: 800;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__price {
	color:       #0f172a;
	font-size:   40px;
	font-weight: 800;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__period {
	color:       #94a3b8;
	font-size:   14px;
	font-weight: 600;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #16a34a;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       13px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-minimal-slate .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: #0f172a;
	color:      #ffffff;
}

// ─── Design: minimal-violet (03B) ───────────────────────────────────────────
.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__card {
	background:    #faf5ff;
	border:        1.5px solid #e9d5ff;
	border-radius: 18px;
	padding:       28px;
	box-shadow:    none;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__card .zaso-pricing-table__name {
	color:          #7c3aed;
	font-size:      14px;
	font-weight:    700;
	text-transform: none;
	letter-spacing: normal;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__description {
	color:     #7c3aed;
	opacity:   0.8;
	font-size: 13.5px;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__currency {
	color:       #0f172a;
	font-size:   24px;
	font-weight: 800;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__price {
	color:       #0f172a;
	font-size:   40px;
	font-weight: 800;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__period {
	color:       #a78bfa;
	font-size:   14px;
	font-weight: 600;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__features li {
	color: #334155;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__features svg {
	display: none;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__features li::before {
	font-family:              "ZASO Material Symbols Rounded";
	font-variation-settings:  'FILL' 1;
	content:                  "\f0be";
	font-size:                18px;
	line-height:              1.3;
	flex-shrink:              0;
	color:                    #7c3aed;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__btn {
	border-radius: 11px;
	padding:       13px;
	font-size:     14.5px;
	font-weight:   700;
}

.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__card a.zaso-pricing-table__btn,
.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__card a.zaso-pricing-table__btn:hover,
.zaso-pricing-table--design-minimal-violet .zaso-pricing-table__card a.zaso-pricing-table__btn:focus {
	background: #7c3aed;
	color:      #ffffff;
}