@charset "utf-8";

#file_article h3{
	padding:0.3em 0.5em;
	box-sizing: border-box;
	background: #efefef;
}
#file_article p{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.file-btn{
	padding: 0.3em 2em 0.3em 2.4em;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.3rem;
	background: var(--color-gray2);
	border-radius: 0.4em;
	position: relative;
	transition: all 0.3s;
	margin-right: 0.5em;
}

.file-btn:after{
	content: "";
	position: absolute;
	transform: translateY(-50%);
	left: 1em;
	top: 50%;
	display: inline-block;
  	border-style: solid;
  	border-width: 0.4em 0 0.4em  0.8em;
  	border-color: transparent transparent transparent var(--color-gray);
	transition: all 0.3s;
}

.file-btn:hover{
	background: var(--color-base);
	color: #fff;
}

.file-btn:hover:after{
	left: 1.3em;
	border-color: transparent transparent transparent #fff;
}

.file-btn+.file-btn{
}