/**
 * 優先ソースボタンの枠（座布団）。
 *
 * Google 公式ボタン自体は Shadow DOM で描画されるため、こちらからは一切スタイルを
 * 当てられない（＝公式デザインのまま）。ここで整えるのは周囲の枠と説明文だけ。
 *
 * 配色は GO OUT WEB の記事内で実際に使われている値から採った:
 *   #F5F1EB … 記事内の淡いベージュ系背景に合わせた座布団の地色
 *   #5A5148 … 本文（黒）より一段落とした説明文の色
 *   #8A8178 … 補足文（※）の色。説明文よりさらに一段落とす
 */

.goout-ps {
	margin: 40px 0;
	padding: 24px 20px;
	background: #f5f1eb;
	border-radius: 6px;
	text-align: center;
}

.goout-ps__lead {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.7;
	color: #5a5148;
}

/* ボタン下の補足文（※）。目立たせず、読めば分かる程度にする。 */
.goout-ps__note {
	margin: 12px 0 0;
	font-size: 12px;
	line-height: 1.6;
	color: #8a8178;
}

/* 狭い画面では余白を詰める（本文幅いっぱいに近づくため）。 */
@media screen and (max-width: 767px) {

	.goout-ps {
		margin: 32px 0;
		padding: 20px 16px;
	}

	.goout-ps__lead,
	.goout-ps__note {
		text-align: left;
	}

	.goout-ps__lead {
		font-size: 14px;
	}
}