@charset "UTF-8";


/* ======================== link-button ================================= */
.link-button{

	overflow: hidden;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(200,200,200,0.3);
	border-radius: 50%;
	background:#fff url(../images/symbols/arrow-right_4.svg) center no-repeat;
	background-size: 15px 13px;
	content: "";
	-ms-flex-pack: center;
	-ms-flex-align: center;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	box-sizing: border-box;

}

.link-button:hover, .container-link:hover .link-button{
filter: invert(1);
}
/* ======================== prev-next-button ================================= */

.flex-prev, .flex-next {
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: 2px solid rgba(200,200,200,0.3);
	border-radius: 50%;
	background: url(../images/symbols/arrow-right_black.svg) center no-repeat;
	background-size: 15px 13px;
	content: "";
	-ms-flex-pack: center;
	-ms-flex-align: center;
	transition: all .3s ease-in-out;
	cursor: pointer;
	box-sizing: border-box;
	margin: 10px 0;
}





.flex-prev {
	transform: rotate(-180deg);
}
@keyframes my {
 from {
background-position: 100%;
}
to {
	background-position: center;
}
}
.flex-prev:hover, .flex-next:hover {
	animation: my 0.2s 2;
}