.card-connexion-container {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.card-connexion {
    height: 120px;
    border-radius: 8px;
    display: flex;
    padding:2px;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
    border: transparent solid 2px;
    background: var(--foundationsecondarylight);
}

.card-connexion:hover {
    background: linear-gradient(var(--foundationsecondarylight), var(--foundationsecondarylight)) padding-box, linear-gradient(to left, var(--primary-3185-9d), var(--foundationprimarynormal-hover) 41.92%, var(--foundationprimarydark-hover) 100%) border-box;
}

.card-connexion.active {
    background: linear-gradient(white, white) padding-box, linear-gradient(to left, var(--primary-3185-9d), var(--foundationprimarynormal-hover) 41.92%, var(--foundationprimarydark-hover) 100%) border-box;
    box-shadow: 0 2px 10px #50136b;
}