/*
* LittleLink Button Styles (purged — only rules used by config.json icons kept)
* Source: https://littlelink.io — MIT license
* Phase 6 / 2026-05-13: removed 89 unused brand button rules. Keep-list
* derived from app.js render loop + config.json icon names.
*/

/* Brand Button Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,button {
  color:var(--button-text,#000000);
  background-color:var(--button-background,transparent);
	border:var(--button-border,none);
	transition:filter 0.2s ease,transform 0.2s ease;
}

/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button:hover,button:hover {
	filter:brightness(90%);
	transform:translateY(-1px);
}

/* Button Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon {
	filter:var(--icon-filter,none);
}

/* Brand-Specific Styles (6 brands used by current config.json)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Calendly */
.button-calendly {
	--button-text:#FFFFFF;
	--button-background:#006BFF;
}

/* Instagram */
.button-instagram {
	--button-text:#ffffff;
	background-image:linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
}

/* Notion */
.button-notion {
	--button-text:#000000;
	--button-background:#ffffff;
	--button-border:1px solid #212121;
}

/* TikTok */
.button-tiktok {
	--button-text:#ffffff;
	--button-background:#000000;
	--button-border:1px solid #FFFFFF;
}

/* Facebook (full-name alias — app.js generates class="button-facebook" from icon name) */
.button-facebook {
	--button-text: #ffffff;
	--button-background: #0866FF;
}

/* YouTube (full-name alias — app.js generates class="button-youtube" from icon name) */
.button-youtube {
	--button-text: #ffffff;
	--button-background: #282828;
	--button-border: 1px solid #FFFFFF;
}