.card-champion {
	cursor: pointer;

	&:hover {
		.card-champion__content-container {
			transform: translateY(0);
		}
	}
	h3 {
		font-size: 16px;
		text-align: center;
	}
	&__image-container {
		position: relative;
		overflow: hidden;
		img {
			display: block;
		}
	}
	&__content-container {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(220, 21, 11, 0.9);
		padding: 10px;
		text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
		transform: translateY(100%);
		transition: all var(--default-transition-params);
		p {
			color: #fff;
		}
	}
	&__content-social {
		display: flex;
		gap: 8px;
		justify-content: center;
		margin-top: 16px;
	}
}