@charset "utf-8";
/* CSS Document */
/*
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font-family: 'Poppins', sans-serif;
	background-color: #151515;
	display: grid;
	place-content: center;
	height: 100vh;
	padding: 55px;
	color: #fff;
}
*/
.card-wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
	
}

.card{
	font-family: 'Poppins', sans-serif;
	position: relative;
	display: flex;
	min-height: 300px;
	background: linear-gradient(43deg, #070c1b 0%, #1f326c 46%, #bec5db 100%);
	cursor:default;
	/*border-radius:20px;*/
}

.card::before,
.card::after{
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
	}

.card::before{
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #fff transparent;
	transition: border .25s;
	cursor:pointer;
	/*border-bottom-right-radius:20px; */
	/*border-top-left: 50px 20px;*/
	/*border-radius:20px;*/
}

.card::after {
	content: 'Ver';
	bottom: 15px;
	right: 15px;
	color: #151515;
	font-size: 21px;
	opacity: 0;
	font-family: 'Comfortaa', cursive;
	cursor:pointer;
}

.card:hover::before {
	border-width: 0 0 100px 100px;
	
}

.card:hover::after {
	opacity: 1;
	transition: opacity .5s;
	cursor:pointer;
}

.card_title {
	margin: auto;
	font-size: 36px;
}