/* TWK Click to Tweet — no wrapper box. The quote uses the site's existing
   blockquote (orange/pink) styling; the Share button sits to the right. */

.twk-ctt {
	display: flex;
	align-items: stretch;
	gap: 16px;
	margin: 28px 0;
	flex-wrap: wrap;
}

/* The quote takes the bulk of the row. We deliberately do NOT set a
   background here so the theme's blockquote style (the orange/pink box)
   shows through unchanged. */
.twk-ctt__quote {
	flex: 1 1 70%;
	min-width: 280px;
	margin: 0 !important;   /* kill blockquote's default outer margins inside the flex row */
}

/* Share button: vertically centered next to the quote. */
.twk-ctt__btn {
	flex: 0 0 auto;
	align-self: center;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #16a085;
	color: #ffffff !important;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 0.95rem;
	padding: 11px 20px;
	border-radius: 6px;
	transition: background 0.2s ease;
	line-height: 1;
	white-space: nowrap;
}

.twk-ctt__btn:hover {
	background: #0e5e4d;
	color: #ffffff !important;
	text-decoration: none !important;
}

.twk-ctt__x,
.twk-ctt__label {
	display: inline-block;
	vertical-align: middle;
}

/* On narrow screens, stack: quote on top, button below. */
@media (max-width: 600px) {
	.twk-ctt { flex-direction: column; }
	.twk-ctt__btn { align-self: flex-start; }
}