/* =========================================================
   ITG Ambient Audio — Button Styles
   ========================================================= */

.itg-audio-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 110px !important;
	height: 110px !important;
	transition: transform 0.2s ease;
	flex-shrink: 0;
}

.itg-audio-btn:hover  { transform: scale(1.05); }
.itg-audio-btn:active { transform: scale(0.97); }

.itg-audio-btn svg {
	width: 100%;
	height: 100%;
	overflow: visible;
}

/* Curved text */
.itg-arc-text {
	font-family: 'Trebuchet MS', 'Gill Sans', sans-serif;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 3px;
	fill: #888888;
	text-transform: uppercase;
}

/* Pulse animation on the outer ring while playing */
.itg-audio-btn[aria-pressed="true"] .itg-ring-outer {
	animation: itg-pulse-ring 1.8s ease-in-out infinite;
}

@keyframes itg-pulse-ring {
	0%, 100% { opacity: 1; }
	50%       { opacity: 0.5; }
}

.itg-play-triangle,
.itg-pause-bars {
	transition: opacity 0.2s;
}