:root {
	--start: #00B2A9;
	--end: #008EBB;
	--ec: linear-gradient(90deg, var(--start), var(--end));
	--amazon: #F4AB29;
	--yahoo: #FF0027;
	--rakuten: #BF0000;
}

div[class^=buy_button] {
	margin: 0 0 1rem;
}
div[class^=buy_button] a {
	border-radius: 4px;
	color: #FFF;
	font-weight: 400;
	font-size: 0.875rem;
	max-width: 325px;
	min-width: 325px;
	padding: 1rem calc(1.25rem + 1.5rem) 1rem 1.5rem;
}
@media (max-width: 480px) {
	div[class^=buy_button] a {
		width: 100%;
		max-width: unset;
		min-width: unset;
		padding: 1.5rem calc(1.25rem + 1.5rem) 1.5rem 1.5rem;
	}
}
div[class^=buy_button] a::before {
	content: "";
	display: inline-block;
	background-image: url(../../../common/image/ic_cart.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 16px;
	margin-right: 0.5rem;
	line-height: 1;
	vertical-align: bottom;
}
div[class^=buy_button] a::after {
	right: 25px;
}
div[class^=buy_button] a:hover::after {
	right: 20px;
}

.buy_button_ec a {
	background: var(--ec);
}

.buy_button_amazon a {
	background: var(--amazon);
}

.buy_button_yahoo a {
	background-color: var(--yahoo);
}

.buy_button_rakuten a {
	background-color: var(--rakuten);
}