.#{$component-prefix}card-file {
	@include make-card();
	@include make-card-padding();

	display: flex;
	align-items: center;

	background-color: white;

	cursor: pointer;

	&:hover {
		background-color: $color-gray-100;
	}

	> .info {
		flex: 1;

		display: flex;
		flex-direction: column;
	}

	> *:not(:first-child) {
		margin-left: 1rem;
	}

	// display: flex;
	// align-items: center;
	// justify-content: center;

	// padding-top: 3rem;
	// padding-bottom: 3rem;

	// text-align: center;
}