/*
 * 旧ブロック「ボタン（説明付き）」（snow-monkey-blocks/btn-box）
 * SMB 26.0.3 dist/blocks/btn/style-index.css・btn-box/style-index.css と同じ規則。
 */
.smb-btn:not(:root) { color: var(--smb-btn--color); text-decoration: none; }
:where(.smb-btn) {
	--smb-btn--background-color: var(--wp--preset--color--black);
	--smb-btn--background-image: initial;
	--smb-btn--border: none;
	--smb-btn--border-radius: var(--_global--border-radius);
	--smb-btn--color: var(--wp--preset--color--white);
	--smb-btn--padding: var(--_padding-1);
	--smb-btn--padding-vertical: calc(var(--smb-btn--padding)*0.5);
	--smb-btn--padding-horizontal: var(--smb-btn--padding);
	--smb-btn--style--ghost--border-color: var(--smb-btn--background-color, currentColor);
	--smb-btn--style--ghost--color: currentColor;
	--smb-btn--style--text--color: currentColor;
}
.smb-btn {
	margin: 0;
	display: inline-flex;
	justify-content: center;
	background-color: var(--smb-btn--background-color);
	background-image: var(--smb-btn--background-image);
	border: var(--smb-btn--border);
	border-radius: var(--smb-btn--border-radius);
	padding: var(--smb-btn--padding-vertical) var(--smb-btn--padding-horizontal);
	max-width: 100%;
	cursor: pointer;
	white-space: nowrap;
	--_transition-duration: var(--_global--transition-duration);
	--_transition-function-timing: var(--_global--transition-function-timing);
	--_transition-delay: var(--_global--transition-delay);
	transition: all var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}
.smb-btn:focus-visible { filter: brightness(90%); }
.smb-btn__label { color: currentColor; white-space: inherit !important; }
.smb-btn--little-wider { --smb-btn--padding-horizontal: var(--_padding2); }
.smb-btn--wider { --smb-btn--padding-horizontal: var(--_padding3); }
.smb-btn--full, .smb-btn--more-wider { width: 100%; }
.smb-btn--wrap { white-space: normal; }
.smb-btn-wrapper.is-style-ghost .smb-btn {
	--smb-btn--color: var(--smb-btn--style--ghost--color);
	border: 1px solid var(--smb-btn--style--ghost--border-color);
	background-color: #0000;
}
.smb-btn-wrapper.is-style-ghost .smb-btn[style*="background-color:"] { background-color: #0000 !important; }
.smb-btn-wrapper.is-style-text .smb-btn {
	--smb-btn--background-color: #0000;
	--smb-btn--color: var(--smb-btn--style--text--color);
	border: none;
}
.aligncenter .smb-btn-wrapper, .smb-btn-wrapper.aligncenter { text-align: center; }
@media (min-width: 640px) {
	.smb-btn--more-wider { --smb-btn--padding-horizontal: var(--_padding4); width: auto; display: inline-block; }
}
@media (any-hover: hover) {
	.smb-btn:hover { filter: brightness(90%); }
}

.smb-btn-box {
	--smb-btn-box--background-color: #0000;
	--smb-btn-box--padding: var(--_padding2);
	--smb-btn--style--ghost--border-color: var(--smb-btn--background-color, currentColor);
	--smb-btn--style--ghost--color: currentColor;
	background-color: var(--smb-btn-box--background-color);
	padding-top: var(--smb-btn-box--padding);
	padding-bottom: var(--smb-btn-box--padding);
}
.smb-btn-box__lede { margin-bottom: var(--_margin-1); font-weight: 700; text-align: center; }
.smb-btn-box__btn-wrapper { text-align: center; }
.smb-btn-box__note { margin-top: var(--_margin-1); text-align: center; }
.smb-btn-box.is-style-ghost .smb-btn {
	--smb-btn--color: var(--smb-btn--style--ghost--color);
	border: 1px solid var(--smb-btn--style--ghost--border-color);
	background-color: #0000;
}