/* Project: Supporter CTA Button */
.p-supporter-list-cta {
	width: 88vw;
	margin-inline: auto;
	margin-block-start: 6vw;
}

.p-supporter-list-cta__link {
	display: block;
	position: relative;
	padding: 4vw 6vw 12vw 6vw;
	background:
		linear-gradient(to right, #0FD8CA, #1F57DC) padding-box,
		linear-gradient(to left, #0FD8CA, #1F57DC) border-box;
	border: 5px solid transparent;
	border-radius: 50vw;
	color: #fff;
	font-size: 5vw;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.p-supporter-list-cta__link:hover {
	text-decoration: none;
}

.p-supporter-list-cta__link::after {
	content: "";
	width: 10vw;
	height: 4vw;
	background: url(https://www.ntte-sports.co.jp/dcms_media/other/schoool_common_btn_arrow_white.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 5vw;
	right: 50%;
	transform: translateX(50%);
}

@media (min-width: 769px) {
	.p-supporter-list-cta {
		width: 100%;
		max-width: 670px;
		margin-block-start: 40px;
	}

	.p-supporter-list-cta__link {
		padding: 28px 80px 28px 48px;
		border-radius: 100px;
		font-size: 22px;
	}

	.p-supporter-list-cta__link::after {
		width: 60px;
		height: 12px;
		bottom: unset;
		top: 50%;
		right: 32px;
		transform: translateY(-50%);
	}

	.p-supporter-list-cta__link:hover {
		text-decoration: none;
		box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.2);
	}
}
