/* Advanced Flip Cards — shared responsive button (icon + per-device text/icon) */
/* Desktop is the base. Tablet/mobile variants show/hide by breakpoint.        */

.afc-btn-resp{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.afc-btn-resp .afc-btn-v{display:inline-flex;align-items:center;gap:8px}
.afc-btn-resp .afc-btn-tx{display:inline}
.afc-btn-resp .afc-btn-tx:empty{display:none}

/* Icon sizing: inherit button text size, align to the text baseline nicely. */
.afc-btn-resp .afc-btn-ic{display:inline-flex;align-items:center;line-height:1;font-size:1em}
.afc-btn-resp .afc-btn-ic svg{width:1em;height:1em;fill:currentColor;display:block}
.afc-btn-resp .afc-btn-ic i{font-size:1em;line-height:1}

/* Show desktop by default, hide tablet/mobile. */
.afc-btn-resp .afc-btn-t,
.afc-btn-resp .afc-btn-m{display:none}
.afc-btn-resp .afc-btn-d{display:inline-flex}

/* Tablet: Elementor default tablet range (max 1024px), above mobile (min 768px). */
@media(max-width:1024px) and (min-width:768px){
	.afc-btn-resp .afc-btn-d,
	.afc-btn-resp .afc-btn-m{display:none}
	.afc-btn-resp .afc-btn-t{display:inline-flex}
}

/* Mobile: Elementor default mobile range (max 767px). */
@media(max-width:767px){
	.afc-btn-resp .afc-btn-d,
	.afc-btn-resp .afc-btn-t{display:none}
	.afc-btn-resp .afc-btn-m{display:inline-flex}
}