[video-viewed] {
	display:flex;
	justify-content:center;
	align-items:center;	
	width:920px;
	height:50px;
	background-color:rgba(241, 243, 248, 1);
	border-radius:8px;
	color:rgba(18, 18, 18, 1);
	font-weight:600;
	font-size:16px;
	margin:0px auto 0px auto;
	text-decoration:none;
	user-select:none;
	cursor:pointer;
	transition:background-color 0.5s ease-in-out;


}




[video-viewed]:active {
	transform:translate3d(1px,1px,0px);
}


[header][pc="1"] ~ [content] [video-viewed] {
	background-color:#3399cc;
}

[header][pc="2"] ~ [content] [video-viewed] {
	background-color:#ccee66;
	color:#474747;
}

[header][pc="3"] ~ [content] [video-viewed] {
	background-color:#ffcc00;
	color:#474747;
}

[header][pc="4"] ~ [content] [video-viewed] {
	background-color:#ff6600;
	color:white;
}

@media screen and (max-width: 1160px) {
[video-viewed] {	
	width:calc( (100vw - 320px)/(1160 - 320) * (920 - 304) + 304px);
        font-size: calc( (100vw - 320px)/(1160 - 320) * (16 - 14) + 14px);
	
}
}