.mission-card {
    position: relative;
    min-height: 350px;
	width: 100%;
    background: #D9D9D9;
    padding: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.mission-card .check-png{
	width: auto;
	height: 48px;
	margin-bottom: 14px;
}

/* --- ICONA + E X --- */
.mission-card__icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: #767A7C;
    color: var(--black);
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.mission-card__title{
	font-size: 22px;
	font-weight: 600;
}

/* --- OVERLAY NASCOSTO DI DEFAULT --- */
.mission-card__overlay {
    position: absolute;
    inset: 0;
    background: #97C0FF;
    padding: 24px;
    transform: translateY(100%); /* parte da sotto */
    transition: transform .45s cubic-bezier(.25, .46, .45, .94);
    /* evita clic mentre è nascosto */
    pointer-events: none;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}


/* QUANDO È ATTIVO */
.mission-card.active .mission-card__overlay {
    transform: translateY(0%); /* sale */
    pointer-events: auto;
}

.mission-card__overlay-title {
	background: #65A2FF !important;
    padding: 6px 10px;
    font-weight: 600;
    margin-bottom: 16px;
}

.mission-card__overlay-title h6{
    margin-bottom: 0 !important;
}

.mission-card__overlay-desc {
    font-size: 1rem;
    color: #000;
	text-align: start;
}