/**
 * TGJ Button Block Styles
 * Mobile-first responsive design
 *
 * Uses shared variables from journal-blocks-variables.css
 */

@import url('journal-blocks-variables.css');

/* Base styles - Mobile first (small) */
.jc-block.tgj-button {
	display: inline-block;
	margin: 0;
}

.jc-block.tgj-button .tgj-button__link {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	transition: opacity 0.2s ease;

	/* Typography */
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: SoehneBuch, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 12px;
	text-transform: uppercase;

	/* Spacing & Shape */
	padding: 10px 20px;
	border-radius: 28px;

	/* Default colors - can be overridden via inline styles */
	background-color: var(--jb-cream);
	color: var(--jb-forest-green);
}

.jc-block.tgj-button .tgj-button__link:hover {
	opacity: 0.8;
}

/* Medium screens */
@media (min-width: 640px) {
	/* No specific medium screen adjustments needed */
}

/* Large screens */
@media (min-width: 1024px) {
	/* No specific large screen adjustments needed */
}