.custom-file-input {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-file-input__label {
	color: var(--clr-black);
	font-weight: normal;
	font-size: 2.9rem;
	margin-bottom: 1rem;
}

.custom-file-input__input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.custom-file-input__content:hover,
.custom-file-input__button:hover {
	cursor: pointer;
}

.custom-file-input__button:hover,
.custom-file-input__button:focus,
.custom-file-input__button:active {
	background: var(--clr-dark-gray);
}

.custom-file-input__content {
	border-radius: 0.8rem;
	border: 1px solid var(--clr-black);
	border-left: 0;
	background: white;
}

.custom-file-input__button {
	padding: 0;
	border: 0;

	color: var(--clr-white);
	background: var(--clr-black);
	padding: 1.2rem 2.4rem;

	border-top-left-radius: 0.8rem;
	border-bottom-left-radius: 0.8rem;

	transition: background-color 0.25s;
}

.custom-file-input__file-name {
	margin-left: 2rem;
	color: var(--clr-black);
}
