/**
 * グラデーション枠ボックス（advantage カードと同仕様）
 */

.post_content .gradient-border-box,
.editor-styles-wrapper .gradient-border-box {
	position: relative;
	z-index: 0;
	border: none !important;
	border-radius: 24px;
	background: #fff !important;
	box-sizing: border-box;
	overflow: visible;
}

.post_content .gradient-border-box::before,
.editor-styles-wrapper .gradient-border-box::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 24px;
	padding: 5px;
	background: linear-gradient(
		55deg,
		#1c42b4 14.39%,
		#1e73be 32.61%,
		#2078c1 33.44%,
		#359fdc 43.38%,
		#43bbef 52.49%,
		#4cccfa 59.95%,
		#50d2ff 65.75%,
		#b5f1ff 86.46%
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.post_content .gradient-border-box > .uagb-container-inner-blocks-wrap,
.editor-styles-wrapper .gradient-border-box > .uagb-container-inner-blocks-wrap {
	position: relative;
	z-index: 1;
}

.post_content .gradient-border-box :is(h1, h2, h3, h4, h5, h6, p, .uagb-heading-text, a, li),
.editor-styles-wrapper .gradient-border-box :is(h1, h2, h3, h4, h5, h6, p, .uagb-heading-text, a, li) {
	color: #1e73be !important;
}
