/* ═══════════════════════════════════════════════════════════════════════════
   IBEC BUTTON SYSTEM v7A.9.21.138 — SINGLE SOURCE OF TRUTH
   ═══════════════════════════════════════════════════════════════════════════

   PROBLEMA HISTÓRICO:
     Antes da v138 existiam regras de botão espalhadas em 13 arquivos CSS
     (frontend.css, portals.css, admin.css, empresa.css, aula-operacional.css,
     tutorials.css, ibec-modal-skin.css, etc.) — cobrindo ~24 classes
     históricas com sintaxes inconsistentes. Resultado: estados de hover/focus
     que deixavam o TEXTO da mesma cor do background (texto invisível), botões
     com altura/padding diferentes, ícones SVG com cor preta sobre fundo navy,
     e bugs visuais em popups onde a cascata de cor falhava.

   OBJETIVO:
     ESTE ARQUIVO É A REGRA-MOR. É enqueueado por último (em frontend.css E
     admin) e usa especificidade alta + !important para SOBRESCREVER qualquer
     regra anterior. Toda nova UI deve seguir este sistema; tudo que vier
     antes está em modo "compat" mas obedece o lock-in deste arquivo.

   PALETA CANÔNICA:
     PRIMARY (preenchido):
       normal  bg #0B1F4D   color #ffffff   border #0B1F4D
       hover   bg #163B8C   color #ffffff   border #163B8C
       active  bg #163B8C   color #ffffff   border #163B8C   +translateY(1px)
       focus   bg #0B1F4D   color #ffffff   border #0B1F4D   +ring

     LIGHT/SECONDARY (contornado branco → preenche no hover):
       normal  bg #ffffff   color #0B1F4D   border #cdd9ee
       hover   bg #0B1F4D   color #ffffff   border #0B1F4D
       active  bg #163B8C   color #ffffff   border #163B8C
       focus   bg #ffffff   color #0B1F4D   border #0B1F4D   +ring

     DANGER (contornado vermelho → preenche no hover):
       normal  bg #ffffff   color #b42318   border #f4b6b6
       hover   bg #b42318   color #ffffff   border #b42318
       active  bg #931e14   color #ffffff   border #931e14

     DISABLED (qualquer variante):
       opacity .55, cursor not-allowed, pointer-events none

   REGRA-MOR INVIOLÁVEL:
     Em QUALQUER estado, em QUALQUER variante, em QUALQUER contexto:
     **A COR DO TEXTO NUNCA pode ser igual à COR DO BACKGROUND.**

   Contraste mínimo:
     navy×white ≈ 13:1 (AAA pra texto normal e grande)
     red×white  ≈ 5.8:1 (AA pra texto grande, AAA com peso)

   APLICA-SE EM:
     - Frontend (portais de empresa, instrutor, aluno, staff)
     - Admin (todas as páginas IBEC Horizon)
     - Popups e modais (.ibec-perf-modal, .ibec-modal-skin)
     - Botões WP nativos dentro de wrappers IBEC
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. Variáveis canônicas (uma única definição autoritativa) ─── */
:root,
body,
.ibec-horizon-portal,
.wrap.etm-wrap {
	--ibec-ds-navy:         #0B1F4D;
	--ibec-ds-navy-hover:   #163B8C;
	--ibec-ds-navy-active:  #163B8C;
	--ibec-ds-light-bg:     #ffffff;
	--ibec-ds-light-border: #cdd9ee;
	--ibec-ds-danger:       #b42318;
	--ibec-ds-danger-dark:  #931e14;
	--ibec-ds-danger-border:#f4b6b6;
	--ibec-ds-text-light:   #ffffff;
	--ibec-ds-text-dark:    #0B1F4D;
	--ibec-ds-focus-ring:   rgba(11, 31, 77, 0.25);
}

/* ─── 2. Lista de seletores cobertos pelo sistema ─── */
/*
   Classes históricas enumeradas explicitamente. Adicionar uma nova classe
   ao sistema = adicionar a este array. NÃO usar [class*="btn"] genérico
   porque pega falsos positivos (.btn-checkbox, .btn-input-group, etc.).
*/

/* ─── 3. PRIMARY — estilos base aplicados a TODAS as classes "primary" ─── */
.ibec-portal-button,
.ibec-portal-button-primary,
.ibec-instructor-action-btn:not(.is-light):not(.is-danger),
.ibec-instructor-primary,
.ibec-company-button-primary,
.ibec-exam-btn:not(.light):not(.danger),
.ibec-evidence-btn,
.ibec-closure-btn,
.ibec-reopen-btn,
.ibec-cal-view-btn,
.ibec-aula-primary,
.ibec-corp-btn:not(.ibec-corp-btn-light):not(.ibec-corp-btn-outline),
.ibec-mini-btn:not(.ibec-mini-btn-light):not(.ibec-mini-btn-danger),
.etm-manage-button:not(.is-light),
.etm-manage-btn:not(.etm-manage-btn-light):not(.etm-manage-btn-outline):not(.danger),
.etm-manage-btn-sm:not(.danger),
.etm-manage-btn-warning,
.etm-front-action-btn,
.etm-front-btn:not(.etm-front-btn-light),
.etm-front-table-btn:not(.etm-front-table-btn-light),
.etm-bank-btn:not(.etm-bank-btn-outline):not(.etm-bank-btn-danger) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 36px !important;
	padding: 9px 14px !important;
	border-radius: 8px !important;
	background-color: var(--ibec-ds-navy) !important;
	color: var(--ibec-ds-text-light) !important;
	border: 1px solid var(--ibec-ds-navy) !important;
	font: inherit !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	   -moz-appearance: none !important;
	        appearance: none !important;
}

/* PRIMARY — hover/focus-visible: bg fica mais escuro, texto SEMPRE branco. */
.ibec-portal-button:hover,
.ibec-portal-button:focus-visible,
.ibec-portal-button-primary:hover,
.ibec-portal-button-primary:focus-visible,
.ibec-instructor-action-btn:not(.is-light):not(.is-danger):hover,
.ibec-instructor-action-btn:not(.is-light):not(.is-danger):focus-visible,
.ibec-instructor-primary:hover,
.ibec-instructor-primary:focus-visible,
.ibec-company-button-primary:hover,
.ibec-company-button-primary:focus-visible,
.ibec-exam-btn:not(.light):not(.danger):hover,
.ibec-exam-btn:not(.light):not(.danger):focus-visible,
.ibec-evidence-btn:hover,
.ibec-evidence-btn:focus-visible,
.ibec-closure-btn:hover,
.ibec-closure-btn:focus-visible,
.ibec-reopen-btn:hover,
.ibec-reopen-btn:focus-visible,
.ibec-cal-view-btn:hover,
.ibec-cal-view-btn:focus-visible,
.ibec-aula-primary:hover,
.ibec-aula-primary:focus-visible,
.ibec-corp-btn:not(.ibec-corp-btn-light):not(.ibec-corp-btn-outline):hover,
.ibec-corp-btn:not(.ibec-corp-btn-light):not(.ibec-corp-btn-outline):focus-visible,
.ibec-mini-btn:not(.ibec-mini-btn-light):not(.ibec-mini-btn-danger):hover,
.ibec-mini-btn:not(.ibec-mini-btn-light):not(.ibec-mini-btn-danger):focus-visible,
.etm-manage-button:not(.is-light):hover,
.etm-manage-button:not(.is-light):focus-visible,
.etm-manage-btn:not(.etm-manage-btn-light):not(.etm-manage-btn-outline):not(.danger):hover,
.etm-manage-btn:not(.etm-manage-btn-light):not(.etm-manage-btn-outline):not(.danger):focus-visible,
.etm-manage-btn-sm:not(.danger):hover,
.etm-manage-btn-sm:not(.danger):focus-visible,
.etm-manage-btn-warning:hover,
.etm-manage-btn-warning:focus-visible,
.etm-front-action-btn:hover,
.etm-front-action-btn:focus-visible,
.etm-front-btn:not(.etm-front-btn-light):hover,
.etm-front-btn:not(.etm-front-btn-light):focus-visible,
.etm-front-table-btn:not(.etm-front-table-btn-light):hover,
.etm-front-table-btn:not(.etm-front-table-btn-light):focus-visible,
.etm-bank-btn:not(.etm-bank-btn-outline):not(.etm-bank-btn-danger):hover,
.etm-bank-btn:not(.etm-bank-btn-outline):not(.etm-bank-btn-danger):focus-visible {
	background-color: var(--ibec-ds-navy-hover) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-navy-hover) !important;
	outline: none !important;
}

/* PRIMARY — focus ring acessível */
.ibec-portal-button:focus-visible,
.ibec-portal-button-primary:focus-visible,
.ibec-instructor-action-btn:focus-visible,
.ibec-exam-btn:focus-visible,
.etm-manage-button:focus-visible,
.etm-manage-btn:focus-visible,
.etm-front-btn:focus-visible,
.ibec-corp-btn:focus-visible,
.ibec-mini-btn:focus-visible {
	box-shadow: 0 0 0 3px var(--ibec-ds-focus-ring) !important;
}

/* PRIMARY — active: ligeiro press, mantém visual do hover */
.ibec-portal-button:active,
.ibec-portal-button-primary:active,
.ibec-instructor-action-btn:not(.is-light):not(.is-danger):active,
.ibec-instructor-primary:active,
.ibec-company-button-primary:active,
.ibec-exam-btn:not(.light):not(.danger):active,
.ibec-evidence-btn:active,
.ibec-closure-btn:active,
.ibec-reopen-btn:active,
.ibec-cal-view-btn:active,
.ibec-aula-primary:active,
.ibec-corp-btn:not(.ibec-corp-btn-light):not(.ibec-corp-btn-outline):active,
.ibec-mini-btn:not(.ibec-mini-btn-light):not(.ibec-mini-btn-danger):active,
.etm-manage-button:not(.is-light):active,
.etm-manage-btn:not(.etm-manage-btn-light):not(.etm-manage-btn-outline):not(.danger):active,
.etm-manage-btn-sm:not(.danger):active,
.etm-manage-btn-warning:active,
.etm-front-action-btn:active,
.etm-front-btn:not(.etm-front-btn-light):active,
.etm-bank-btn:not(.etm-bank-btn-outline):not(.etm-bank-btn-danger):active {
	background-color: var(--ibec-ds-navy-active) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-navy-active) !important;
	transform: translateY(1px) !important;
}

/* ─── 4. LIGHT/SECONDARY — fundo branco + texto navy, inverte no hover ─── */
.ibec-portal-button.light,
.ibec-portal-button-secondary,
.ibec-exam-btn.light,
.ibec-instructor-action-btn.is-light,
.etm-manage-button.is-light,
.etm-manage-btn-light,
.etm-manage-btn-outline,
.etm-front-btn-light,
.etm-front-table-btn-light,
.etm-front-mini-btn:not(.danger),
.etm-bank-btn-outline,
.ibec-corp-btn-light,
.ibec-corp-btn-outline,
.ibec-mini-btn-light {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 36px !important;
	padding: 9px 14px !important;
	border-radius: 8px !important;
	background-color: var(--ibec-ds-light-bg) !important;
	color: var(--ibec-ds-navy) !important;
	border: 1px solid var(--ibec-ds-light-border) !important;
	font: inherit !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease !important;
	box-sizing: border-box !important;
}

/* LIGHT — hover/focus-visible: INVERTE para navy+branco */
.ibec-portal-button.light:hover,
.ibec-portal-button.light:focus-visible,
.ibec-portal-button-secondary:hover,
.ibec-portal-button-secondary:focus-visible,
.ibec-exam-btn.light:hover,
.ibec-exam-btn.light:focus-visible,
.ibec-instructor-action-btn.is-light:hover,
.ibec-instructor-action-btn.is-light:focus-visible,
.etm-manage-button.is-light:hover,
.etm-manage-button.is-light:focus-visible,
.etm-manage-btn-light:hover,
.etm-manage-btn-light:focus-visible,
.etm-manage-btn-outline:hover,
.etm-manage-btn-outline:focus-visible,
.etm-front-btn-light:hover,
.etm-front-btn-light:focus-visible,
.etm-front-table-btn-light:hover,
.etm-front-table-btn-light:focus-visible,
.etm-front-mini-btn:not(.danger):hover,
.etm-front-mini-btn:not(.danger):focus-visible,
.etm-bank-btn-outline:hover,
.etm-bank-btn-outline:focus-visible,
.ibec-corp-btn-light:hover,
.ibec-corp-btn-light:focus-visible,
.ibec-corp-btn-outline:hover,
.ibec-corp-btn-outline:focus-visible,
.ibec-mini-btn-light:hover,
.ibec-mini-btn-light:focus-visible {
	background-color: var(--ibec-ds-navy) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-navy) !important;
	outline: none !important;
}

/* LIGHT — focus ring */
.ibec-portal-button.light:focus-visible,
.ibec-portal-button-secondary:focus-visible,
.ibec-instructor-action-btn.is-light:focus-visible,
.etm-manage-btn-light:focus-visible,
.etm-front-btn-light:focus-visible,
.ibec-corp-btn-light:focus-visible,
.ibec-mini-btn-light:focus-visible {
	box-shadow: 0 0 0 3px var(--ibec-ds-focus-ring) !important;
}

/* LIGHT — active: mantém preenchido (não volta pra branco) */
.ibec-portal-button.light:active,
.ibec-portal-button-secondary:active,
.ibec-exam-btn.light:active,
.ibec-instructor-action-btn.is-light:active,
.etm-manage-button.is-light:active,
.etm-manage-btn-light:active,
.etm-manage-btn-outline:active,
.etm-front-btn-light:active,
.etm-front-table-btn-light:active,
.etm-front-mini-btn:not(.danger):active,
.etm-bank-btn-outline:active,
.ibec-corp-btn-light:active,
.ibec-corp-btn-outline:active,
.ibec-mini-btn-light:active {
	background-color: var(--ibec-ds-navy-active) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-navy-active) !important;
	transform: translateY(1px) !important;
}

/* ─── 5. DANGER — vermelho contornado, preenche no hover ─── */
.ibec-portal-button.danger,
.ibec-portal-button-danger,
.ibec-exam-btn.danger,
.ibec-instructor-action-btn.is-danger,
.etm-manage-btn-sm.danger,
.etm-front-mini-btn.danger,
.etm-bank-btn-danger,
.ibec-mini-btn-danger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 36px !important;
	padding: 9px 14px !important;
	border-radius: 8px !important;
	background-color: var(--ibec-ds-light-bg) !important;
	color: var(--ibec-ds-danger) !important;
	border: 1px solid var(--ibec-ds-danger-border) !important;
	font: inherit !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .12s ease !important;
	box-sizing: border-box !important;
}

/* DANGER — hover/focus-visible: preenche vermelho com texto branco */
.ibec-portal-button.danger:hover,
.ibec-portal-button.danger:focus-visible,
.ibec-portal-button-danger:hover,
.ibec-portal-button-danger:focus-visible,
.ibec-exam-btn.danger:hover,
.ibec-exam-btn.danger:focus-visible,
.ibec-instructor-action-btn.is-danger:hover,
.ibec-instructor-action-btn.is-danger:focus-visible,
.etm-manage-btn-sm.danger:hover,
.etm-manage-btn-sm.danger:focus-visible,
.etm-front-mini-btn.danger:hover,
.etm-front-mini-btn.danger:focus-visible,
.etm-bank-btn-danger:hover,
.etm-bank-btn-danger:focus-visible,
.ibec-mini-btn-danger:hover,
.ibec-mini-btn-danger:focus-visible {
	background-color: var(--ibec-ds-danger) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-danger) !important;
	outline: none !important;
}

/* DANGER — active: shade mais escuro */
.ibec-portal-button.danger:active,
.ibec-portal-button-danger:active,
.ibec-exam-btn.danger:active,
.ibec-instructor-action-btn.is-danger:active,
.etm-manage-btn-sm.danger:active,
.etm-front-mini-btn.danger:active,
.etm-bank-btn-danger:active,
.ibec-mini-btn-danger:active {
	background-color: var(--ibec-ds-danger-dark) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-danger-dark) !important;
	transform: translateY(1px) !important;
}

/* ─── 6. DISABLED — qualquer variante ─── */
.ibec-portal-button:disabled,
.ibec-portal-button-primary:disabled,
.ibec-portal-button-secondary:disabled,
.ibec-portal-button-danger:disabled,
.ibec-exam-btn:disabled,
.ibec-instructor-action-btn:disabled,
.ibec-instructor-primary:disabled,
.ibec-company-button-primary:disabled,
.ibec-evidence-btn:disabled,
.ibec-closure-btn:disabled,
.ibec-reopen-btn:disabled,
.ibec-cal-view-btn:disabled,
.ibec-aula-primary:disabled,
.ibec-corp-btn:disabled,
.ibec-mini-btn:disabled,
.etm-manage-button:disabled,
.etm-manage-btn:disabled,
.etm-manage-btn-sm:disabled,
.etm-front-action-btn:disabled,
.etm-front-btn:disabled,
.etm-front-mini-btn:disabled,
.etm-bank-btn:disabled,
.ibec-portal-button[aria-disabled="true"],
.ibec-exam-btn[aria-disabled="true"],
.ibec-instructor-action-btn[aria-disabled="true"] {
	opacity: .55 !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	transform: none !important;
	box-shadow: none !important;
}

/* ─── 7. ÍCONES — sempre currentColor (impede preto sobre navy etc.) ─── */
.ibec-portal-button svg,
.ibec-portal-button-primary svg,
.ibec-portal-button-secondary svg,
.ibec-portal-button-danger svg,
.ibec-exam-btn svg,
.ibec-instructor-action-btn svg,
.ibec-instructor-primary svg,
.ibec-evidence-btn svg,
.ibec-closure-btn svg,
.ibec-cal-view-btn svg,
.ibec-reopen-btn svg,
.ibec-aula-primary svg,
.ibec-corp-btn svg,
.ibec-corp-btn-light svg,
.ibec-corp-btn-outline svg,
.ibec-mini-btn svg,
.ibec-mini-btn-light svg,
.ibec-mini-btn-danger svg,
.etm-manage-button svg,
.etm-manage-btn svg,
.etm-manage-btn-light svg,
.etm-manage-btn-outline svg,
.etm-manage-btn-sm svg,
.etm-manage-btn-warning svg,
.etm-front-action-btn svg,
.etm-front-btn svg,
.etm-front-btn-light svg,
.etm-front-mini-btn svg,
.etm-bank-btn svg,
.etm-bank-btn-outline svg,
.etm-bank-btn-danger svg {
	color: currentColor !important;
	fill: currentColor !important;
	stroke: currentColor !important;
	width: 1em;
	height: 1em;
	flex-shrink: 0;
}

/* ─── 8. POPUPS / MODAIS — herdam o sistema; close-button é exceção ─── */
/*
   Botões dentro de modais (.ibec-perf-modal, .ibec-modal-skin) usam as
   mesmas classes acima — não precisam de regras especiais. EXCEÇÃO:
   o "×" do canto superior direito é um ícone-button minimalista que NÃO
   deve ser navy/branco — fica transparente com hover sutil.
*/
.ibec-perf-modal__close,
.ibec-modal-close,
.ibec-modal-skin__close,
.ibec-perf-modal [data-ibec-pw-close].ibec-perf-modal__close,
.ibec-perf-modal [data-ibec-tutorial-close].ibec-perf-modal__close,
.ibec-perf-modal [data-ibec-instr-pw-close].ibec-perf-modal__close,
.ibec-perf-modal [data-ibec-stu-pw-close].ibec-perf-modal__close {
	background: transparent !important;
	color: #475569 !important;
	border: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 4px 10px !important;
	font-size: 24px !important;
	line-height: 1 !important;
	border-radius: 6px !important;
	transform: none !important;
	box-shadow: none !important;
}
.ibec-perf-modal__close:hover,
.ibec-modal-close:hover,
.ibec-modal-skin__close:hover {
	background-color: #e2e8f0 !important;
	color: #0f172a !important;
	border: 0 !important;
}

/* ─── 9. BOTÕES WP NATIVOS dentro de wrappers IBEC ─── */
/*
   .button do WP / input[type="submit"] / button.button — quando aparecem
   DENTRO de uma área IBEC (portal, painel), adotam o sistema de design.
*/
.ibec-horizon-portal .button:not(.button-link),
.ibec-horizon-portal input[type="submit"].button,
.ibec-horizon-portal button.button.button-primary,
.wrap.etm-wrap .button.button-primary,
.etm-card .button.button-primary {
	background-color: var(--ibec-ds-navy) !important;
	color: var(--ibec-ds-text-light) !important;
	border: 1px solid var(--ibec-ds-navy) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-weight: 600 !important;
}

.ibec-horizon-portal .button:not(.button-link):hover,
.ibec-horizon-portal .button:not(.button-link):focus-visible,
.ibec-horizon-portal input[type="submit"].button:hover,
.ibec-horizon-portal button.button.button-primary:hover,
.ibec-horizon-portal button.button.button-primary:focus-visible,
.wrap.etm-wrap .button.button-primary:hover,
.wrap.etm-wrap .button.button-primary:focus-visible,
.etm-card .button.button-primary:hover,
.etm-card .button.button-primary:focus-visible {
	background-color: var(--ibec-ds-navy-hover) !important;
	color: var(--ibec-ds-text-light) !important;
	border-color: var(--ibec-ds-navy-hover) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px var(--ibec-ds-focus-ring) !important;
}

/* ─── 10. ANTI-COLLISION com tema/Elementor ─── */
/*
   Temas Elementor injetam .elementor-button-link com cor branca sobre
   branco. Força a herança correta.
*/
.ibec-portal-button .elementor-button-link,
.ibec-portal-button-primary .elementor-button-link,
.ibec-exam-btn .elementor-button-link,
.ibec-instructor-action-btn .elementor-button-link,
.etm-manage-button .elementor-button-link,
.etm-manage-btn .elementor-button-link {
	color: inherit !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	display: contents !important;
}

/* ─── 11. ÚLTIMA LINHA DE DEFESA — guarantia de contraste do texto ─── */
/*
   Se por algum motivo improvável a cascata externa ainda colidir texto
   com background em algum botão IBEC, esta regra zera text-shadow para
   evitar "fantasma" e força font-smoothing nítido. NÃO trocamos a cor
   aqui — as regras acima já garantem o tripé bg/color/border consistente.
*/
.ibec-portal-button,
.ibec-portal-button-primary,
.ibec-instructor-action-btn,
.ibec-exam-btn,
.etm-manage-button,
.etm-manage-btn,
.ibec-corp-btn,
.ibec-mini-btn {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-fill-color: currentColor;
}