.download-material {
	align-items: center;
	border: 1px solid var(--download-material-color, var(--base-color));
	border-radius: 10px;
	display: flex;
	padding: 4px 50px 4px 4px;
  position: relative;
  text-align: left;
}

.download-material:hover,
.download-material:active {
  text-decoration: none;
  background-color: rgb(231, 231, 231);
}

.download-material::after {
	background-image: url(/images/eye-icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 27px;
  position: absolute;
  right: 10px;
	width: 35px;
}

.download-material__flag {
	left: -2px;
	margin-right: 1rem;
	margin-left: 2px;
	position: relative;
	border-radius: 9px;
	height: 44px;
}

.download-material__text {
  font-size: 1.4rem;  
}

.download-material__info {
  color: var(--accent-color2);
  font-weight: 700;
}