/**
 * サイト共通のキャンペーン告知UIを管理する。
 *
 * 固定告知バー、トップページ内の訴求、入学情報ページのカード、募集要項の学費案内、
 * キャンペーン詳細ページをこのファイルで一元管理する。ブランド色はfoundation/layout.css、
 * ヘッダー寸法はshared/site/header.cssを参照し、同じ値をこのコンポーネント内へ複製しない。
 * 閉じる操作の保存期間とDOM削除はassets/js/shared/campaign.jsが担当する。
 */

:root {
	/*
	 * 共通ブランド色をキャンペーン用の意味名へ割り当てる。
	 * フォールバック値は基盤CSSが読み込めない特殊環境でも最低限の配色を維持するために残す。
	 */
	--shs-campaign-white: #ffffff;
	--shs-campaign-pink: var(--shs-pink, #ef78bc);
	--shs-campaign-deep: var(--shs-pink-dark, #9e5369);
	--shs-campaign-text: #443d41;
	--shs-campaign-muted: #746b70;

	/*
	 * 告知バーの縦位置計算に使う寸法を集約する。
	 * 960px・600pxの各ブレークポイントでは変数だけを更新し、同じ位置補正式の重複を避ける。
	 */
	--shs-campaign-bar-height: 44px;
	--shs-campaign-header-height: var(--shs-header-desktop, 104px);
	--shs-campaign-admin-bar-height: 32px;
}

/**
 * 1.0 ヘッダー下の固定告知バー
 *
 * 全ページで重要な募集・学費情報を見逃さないよう、ヘッダー直下へ固定表示する。閉じる状態はJavaScriptが保持する。
 */

.shs-campaign-bar {
	position: fixed;
	z-index: 990;
	top: var(--shs-campaign-header-height);
	right: 0;
	left: 0;
	min-height: var(--shs-campaign-bar-height);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-pink);
	border-bottom: 1px solid rgba(255, 255, 255, 0.42);
	box-shadow: 0 8px 20px rgba(239, 120, 188, 0.24);
	transition: top 0.34s ease, transform 0.25s ease, opacity 0.25s ease;
}

.site-header.is-compact + .shs-campaign-bar {
	top: var(--shs-header-compact, 78px);
}

body.admin-bar .shs-campaign-bar {
	top: calc(var(--shs-campaign-admin-bar-height) + var(--shs-campaign-header-height));
}

body.admin-bar .site-header.is-compact + .shs-campaign-bar {
	top: calc(var(--shs-campaign-admin-bar-height) + var(--shs-header-compact, 78px));
}

.shs-campaign-bar__link {
	min-width: 0;
	min-height: var(--shs-campaign-bar-height);
	padding: 8px 58px 8px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	color: var(--shs-campaign-white);
	text-decoration: none;
}

.shs-campaign-bar__label {
	padding: 3px 10px;
	color: var(--shs-campaign-deep);
	background: var(--shs-campaign-white);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.shs-campaign-bar__link strong {
	min-width: 0;
	overflow: hidden;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shs-campaign-bar__more {
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.shs-campaign-bar__close {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
	transform: translateY(-50%);
}

.shs-campaign-bar__close span {
	position: absolute;
	top: 14px;
	left: 7px;
	width: 16px;
	height: 1px;
	background: var(--shs-campaign-white);
}

.shs-campaign-bar__close span:first-child {
	transform: rotate(45deg);
}

.shs-campaign-bar__close span:last-child {
	transform: rotate(-45deg);
}

.shs-campaign-bar.is-closing {
	opacity: 0;
	transform: translateY(-100%);
}

/**
 * 2.0 固定告知バー表示時の本文オフセット
 *
 * 告知バーが本文へ重ならないよう、ヘッダー高さと告知バー高さをCSS変数で合算して開始位置を補正する。
 */

.shs-campaign-bar ~ .shs-about-family,
.shs-campaign-bar ~ .shs-lower-page-main,
.shs-campaign-bar ~ .sub-page-main.shs-lower-page-main,
.shs-campaign-bar ~ .shs-admissions-family,
.shs-campaign-bar ~ .shs-campaign-single {
	padding-top: calc(var(--shs-campaign-header-height) + var(--shs-campaign-bar-height));
}

.shs-campaign-bar ~ .front-page-hero .front-page-slider-area,
.shs-campaign-bar ~ .front-page-hero::before {
	top: calc(var(--shs-header-large, 104px) + var(--shs-campaign-bar-height));
	height: calc(100vh - var(--shs-header-large, 104px) - var(--shs-campaign-bar-height));
	height: calc(100svh - var(--shs-header-large, 104px) - var(--shs-campaign-bar-height));
}

.shs-campaign-bar ~ .front-page-hero .front-page-slider {
	height: calc(100vh - var(--shs-header-large, 104px) - var(--shs-campaign-bar-height));
	height: calc(100svh - var(--shs-header-large, 104px) - var(--shs-campaign-bar-height));
}

/**
 * 3.0 トップページ内のキャンペーン案内
 *
 * 固定バーだけでは伝えきれない説明をトップ本文内でも表示し、詳細ページへの導線を用意する。
 */

.shs-campaign-home {
	padding: 48px 24px;
	background: var(--shs-campaign-white);
}

.shs-campaign-home__inner {
	position: relative;
	width: min(1280px, 100%);
	margin: 0 auto;
	padding: clamp(38px, 4.2vw, 56px);
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(350px, 0.65fr);
	gap: clamp(36px, 5vw, 68px);
	align-items: center;
	overflow: hidden;
	background: radial-gradient(circle at 93% 8%,
		 rgba(239,
		 120,
		 188,
		 0.16),
		 transparent 30%),
		 linear-gradient( 125deg,
		 rgba(239,
		 120,
		 188,
		 0.18) 0%,
		 rgba(255,
		 255,
		 255,
		 0.99) 64%,
		 rgba(158,
		 83,
		 105,
		 0.07) 100% );
	border: 1px solid rgba(239, 120, 188, 0.72);
	border-radius: 30px;
	box-shadow: 0 24px 60px rgba(158, 83, 105, 0.14);
}

.shs-campaign-home__inner::before {
	content: "";
	position: absolute;
	top: -86px;
	left: -72px;
	width: 190px;
	height: 190px;
	border: 34px solid rgba(239, 120, 188, 0.07);
	border-radius: 50%;
	pointer-events: none;
}

.shs-campaign-home__copy,
.shs-campaign-home__summary {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.shs-campaign-home__eyebrow,
.shs-campaign-admissions__eyebrow {
	width: fit-content;
	margin: 0 0 16px;
	padding: 7px 13px;
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-pink);
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(239, 120, 188, 0.22);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
}

.shs-campaign-home__copy h2,
.shs-campaign-admissions__main h2 {
	margin: 0;
	color: var(--shs-campaign-deep);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 600;
	letter-spacing: 0.035em;
	line-break: strict;
	overflow-wrap: anywhere;
}

.shs-campaign-home__copy h2 {
	max-width: 760px;
	display: -webkit-box;
	overflow: hidden;
	font-size: clamp(34px, 3.65vw, 54px);
	line-height: 1.34;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.shs-campaign-no-break {
	white-space: nowrap;
}

.shs-campaign-home__tagline,
.shs-campaign-admissions__tagline {
	margin: 20px 0 0;
	padding-left: 14px;
	color: var(--shs-campaign-deep);
	border-left: 3px solid var(--shs-campaign-pink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.75;
}

.shs-campaign-home__description,
.shs-campaign-admissions__description {
	margin: 14px 0 0;
	display: -webkit-box;
	overflow: hidden;
	color: var(--shs-campaign-text);
	font-size: 14px;
	line-height: 1.9;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.shs-campaign-home__summary {
	min-height: 252px;
	padding: 32px 30px 28px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.97);
	border: 1px solid rgba(239, 120, 188, 0.46);
	border-radius: 24px;
	box-shadow: 0 18px 42px rgba(158, 83, 105, 0.12);
}

.shs-campaign-home__summary::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 5px;
	background: linear-gradient(90deg, var(--shs-campaign-pink), var(--shs-campaign-deep));
}

.shs-campaign-home__summary-label,
.shs-campaign-admissions__summary-label {
	margin: 0 0 10px;
	color: var(--shs-campaign-deep);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.shs-campaign-home__offer,
.shs-campaign-admissions__offer {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 9px;
	color: var(--shs-campaign-deep);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.shs-campaign-home__offer-amount {
	color: var(--shs-campaign-deep);
	font-size: clamp(42px, 4.35vw, 60px);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.025em;
	white-space: nowrap;
}

.shs-campaign-home__offer-suffix,
.shs-campaign-admissions__offer-suffix {
	color: var(--shs-campaign-deep);
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

.shs-campaign-home__period {
	margin: 16px 0 0;
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--shs-campaign-muted);
	font-size: 12px;
	line-height: 1.6;
}

.shs-campaign-home__period span {
	color: var(--shs-campaign-pink);
	font-size: 8px;
}

.shs-campaign-home__button {
	min-height: 48px;
	margin-top: 20px;
	padding: 13px 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-pink);
	border: 1px solid var(--shs-campaign-pink);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(239, 120, 188, 0.24);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition:
		color var(--shs-hover-lift-duration) var(--shs-hover-lift-ease),
		background var(--shs-hover-lift-duration) var(--shs-hover-lift-ease),
		transform var(--shs-hover-lift-duration) var(--shs-hover-lift-ease),
		box-shadow var(--shs-hover-lift-duration) var(--shs-hover-lift-ease);
}

.shs-campaign-home__button:hover,
.shs-campaign-home__button:focus-visible {
	color: var(--shs-campaign-pink);
	background: var(--shs-campaign-white);
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(158, 83, 105, 0.18);
}

/**
 * 4.0 入学情報トップのキャンペーン案内
 *
 * 入学検討者が募集情報と同じ流れで確認できるよう、入学情報ページのカード設計へ合わせて表示する。
 */

.shs-campaign-admissions {
	padding: 72px 0 78px;
	background: linear-gradient(180deg, rgba(239, 120, 188, 0.08), var(--shs-campaign-white));
	border-bottom: 1px solid rgba(239, 120, 188, 0.18);
}

.shs-campaign-admissions__list {
	display: grid;
	gap: 24px;
}

.shs-campaign-admissions__card {
	padding: clamp(30px, 4vw, 52px);
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
	gap: clamp(30px, 4vw, 58px);
	align-items: center;
	background: var(--shs-campaign-white);
	border: 1px solid rgba(239, 120, 188, 0.48);
	border-radius: 28px;
	box-shadow: 0 22px 58px rgba(158, 83, 105, 0.09);
}

.shs-campaign-admissions__main {
	min-width: 0;
}

.shs-campaign-admissions__main h2 {
	display: -webkit-box;
	overflow: hidden;
	font-size: clamp(30px, 4vw, 50px);
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.shs-campaign-admissions__facts {
	margin-top: 24px;
	display: grid;
	gap: 10px;
}

.shs-campaign-admissions__facts p {
	margin: 0;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 12px;
	align-items: baseline;
}

.shs-campaign-admissions__facts span {
	color: var(--shs-campaign-pink);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.shs-campaign-admissions__facts strong {
	color: var(--shs-campaign-text);
	font-size: 13px;
	line-height: 1.7;
}

.shs-campaign-admissions__offer-panel {
	position: relative;
	padding: 30px;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(239, 120, 188, 0.11), rgba(255, 255, 255, 0.99));
	border: 1px solid rgba(239, 120, 188, 0.28);
	border-radius: 22px;
}

.shs-campaign-admissions__offer-panel::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--shs-campaign-pink), var(--shs-campaign-deep));
}

.shs-campaign-admissions__offer-amount {
	color: var(--shs-campaign-deep);
	font-size: clamp(36px, 3.7vw, 52px);
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: -0.025em;
	white-space: nowrap;
}

.shs-campaign-admissions__conditions {
	margin: 15px 0 0;
	color: var(--shs-campaign-muted);
	font-size: 12px;
	line-height: 1.8;
}

.shs-campaign-admissions__actions {
	margin-top: 24px;
	display: grid;
	gap: 10px;
}

.shs-campaign-button {
	min-height: 50px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.shs-campaign-button--primary {
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-deep);
	border: 1px solid var(--shs-campaign-deep);
}

.shs-campaign-button--secondary {
	color: var(--shs-campaign-deep);
	background: var(--shs-campaign-white);
	border: 1px solid rgba(158, 83, 105, 0.32);
}

/**
 * 5.0 募集要項の学費キャンペーン表示
 *
 * 学費表の近くで適用条件を確認できるよう、金額情報と競合しない補助カードとして表示する。
 */

.shs-campaign-guidelines {
	margin-bottom: 26px;
	padding: 24px 28px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
	gap: 26px;
	align-items: center;
	background: linear-gradient(135deg, rgba(239, 120, 188, 0.13), var(--shs-campaign-white));
	border: 1px solid rgba(239, 120, 188, 0.48);
	border-radius: 20px;
}

.shs-campaign-guidelines p {
	margin: 0 0 5px;
	color: var(--shs-campaign-pink);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.14em;
}

.shs-campaign-guidelines h3 {
	margin: 0;
	color: var(--shs-campaign-deep);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(22px, 2.4vw, 32px);
	line-height: 1.45;
}

.shs-campaign-guidelines > div > strong {
	margin-top: 8px;
	display: block;
	color: var(--shs-campaign-deep);
	font-size: 16px;
}

.shs-campaign-guidelines__meta {
	display: grid;
	gap: 7px;
}

.shs-campaign-guidelines__meta span {
	color: var(--shs-campaign-muted);
	font-size: 11px;
	line-height: 1.7;
}

.shs-campaign-guidelines__meta a {
	margin-top: 6px;
	padding: 11px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-deep);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
}

.tuition-price {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.tuition-price strong {
	color: inherit;
	font: inherit;
	font-weight: 700;
}

.tuition-price--campaign del {
	color: var(--shs-campaign-muted);
	font-size: 12px;
	font-weight: 500;
	opacity: 0.72;
}

.tuition-price--campaign strong {
	color: var(--shs-campaign-deep);
	font-size: 1.18em;
	font-weight: 800;
}

/**
 * 6.0 キャンペーン詳細ページ
 *
 * 対象者、期間、条件、申込み導線を一つの詳細ページで確認できるレイアウトを管理する。
 */

.shs-campaign-single {
	min-height: 100vh;
	padding-top: var(--shs-header-desktop, 104px);
	color: var(--shs-campaign-text);
	background: var(--shs-campaign-white);
}

.shs-campaign-single__hero {
	padding: 92px 24px 82px;
	background: linear-gradient( 135deg, rgba(239, 120, 188, 0.15), rgba(255, 255, 255, 0.98) 60%, rgba(158, 83, 105, 0.08) );
	border-bottom: 1px solid rgba(239, 120, 188, 0.22);
}

.shs-campaign-single__hero-inner,
.shs-campaign-single__content {
	width: min(960px, 100%);
	margin: 0 auto;
}

.shs-campaign-single__badge {
	margin: 0 0 12px;
	color: var(--shs-campaign-pink);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.shs-campaign-single__hero h1 {
	margin: 0;
	color: var(--shs-campaign-deep);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(34px, 5vw, 58px);
	font-weight: 600;
	line-height: 1.45;
}

.shs-campaign-single__lead {
	margin: 20px 0 0;
	max-width: 760px;
	color: var(--shs-campaign-text);
	font-size: 15px;
	line-height: 2;
}

.shs-campaign-single__highlight {
	margin: 28px 0 0;
	display: inline-flex;
	padding: 12px 20px;
	color: var(--shs-campaign-white);
	background: var(--shs-campaign-deep);
	border-radius: 999px;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: 18px;
	font-weight: 700;
}

.shs-campaign-single__body {
	padding: 76px 24px 110px;
}

.shs-campaign-single__summary {
	margin-bottom: 40px;
	padding: 24px;
	display: grid;
	gap: 12px;
	background: rgba(239, 120, 188, 0.07);
	border: 1px solid rgba(239, 120, 188, 0.26);
	border-radius: 18px;
}

.shs-campaign-single__summary p {
	margin: 0;
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	gap: 16px;
	line-height: 1.8;
}

.shs-campaign-single__summary span {
	color: var(--shs-campaign-pink);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
}

.shs-campaign-single__article {
	font-size: 15px;
	line-height: 2.05;
}

.shs-campaign-single__article h2,
.shs-campaign-single__article h3 {
	color: var(--shs-campaign-deep);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.shs-campaign-single__actions {
	margin-top: 48px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.shs-campaign-single__actions .shs-campaign-button {
	min-width: 250px;
}

/**
 * 7.0 タブレット幅でのヘッダー追従とカード1列化
 *
 * 960px以下では共通ヘッダーがモバイル寸法へ切り替わるため、告知バーが参照するヘッダー高さも
 * 同じ値へ更新する。位置補正式そのものは基底ルールを再利用し、ここでは寸法変数とレイアウトだけを変更する。
 */
@media (max-width: 960px) {
	:root {
		--shs-campaign-bar-height: 42px;
		--shs-campaign-header-height: var(--shs-header-mobile, 82px);
	}

	.site-header.is-compact + .shs-campaign-bar {
		top: var(--shs-campaign-header-height);
	}

	body.admin-bar .site-header.is-compact + .shs-campaign-bar {
		top: calc(var(--shs-campaign-admin-bar-height) + var(--shs-campaign-header-height));
	}

	.shs-campaign-home__inner,
	.shs-campaign-admissions__card,
	.shs-campaign-guidelines {
		grid-template-columns: 1fr;
	}

	.shs-campaign-home__summary {
		min-height: 0;
	}
}

/**
 * 8.0 WordPress管理バーのモバイル高さ補正
 *
 * WordPressは782px以下で管理バーを46pxへ拡大する。固定告知バーが管理バーと重ならないよう、
 * 高さ変数だけを更新して基底のcalc式へ反映する。
 */
@media (max-width: 782px) {
	:root {
		--shs-campaign-admin-bar-height: 46px;
	}
}

/**
 * 9.0 スマートフォン表示の情報量と操作領域の最適化
 *
 * 600px以下では小型ヘッダーに合わせて固定バーを縮め、補助ラベルを省略して告知本文を優先する。
 * コンテンツカードは横幅いっぱいを使えるよう余白と文字サイズを調整し、CTAはタップしやすい全幅表示へ切り替える。
 */
@media (max-width: 600px) {
	:root {
		--shs-campaign-bar-height: 40px;
		--shs-campaign-header-height: var(--shs-header-mobile-small, 72px);
	}

	.shs-campaign-bar__link {
		padding: 7px 48px 7px 12px;
		justify-content: flex-start;
		gap: 10px;
	}

	.shs-campaign-bar__label,
	.shs-campaign-bar__more {
		display: none;
	}

	.shs-campaign-bar__link strong {
		font-size: 11px;
	}

	.shs-campaign-home {
		padding: 28px 16px;
	}

	.shs-campaign-home__inner {
		padding: 28px 20px;
		gap: 28px;
		border-radius: 22px;
	}

	.shs-campaign-home__copy h2 {
		font-size: clamp(28px, 8vw, 38px);
		line-height: 1.4;
	}

	.shs-campaign-home__tagline {
		margin-top: 17px;
		font-size: 15px;
	}

	.shs-campaign-home__description {
		margin-top: 12px;
		font-size: 13px;
	}

	.shs-campaign-home__summary {
		padding: 24px 20px;
		border-radius: 20px;
	}

	.shs-campaign-home__offer-amount {
		font-size: clamp(38px, 13vw, 50px);
	}

	.shs-campaign-home__button {
		width: 100%;
	}

	.shs-campaign-admissions {
		padding: 54px 0 60px;
	}

	.shs-campaign-admissions__card {
		padding: 26px 20px;
		border-radius: 22px;
	}

	.shs-campaign-admissions__offer-panel {
		padding: 22px 18px;
	}

	.shs-campaign-admissions__facts p {
		grid-template-columns: 50px minmax(0, 1fr);
	}

	.shs-campaign-guidelines {
		padding: 20px;
	}

	.shs-campaign-single__hero {
		padding: 64px 20px 58px;
	}

	.shs-campaign-single__body {
		padding: 56px 20px 86px;
	}

	.shs-campaign-single__summary p {
		grid-template-columns: 1fr;
		gap: 3px;
	}

	.shs-campaign-single__actions .shs-campaign-button {
		min-width: 100%;
	}
}