.selection-card {
    position       : relative;
    border         : 1px solid var(--border);
    padding        : 15px;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    height         : 100%;
    border-radius  : var(--rounded-default);
    cursor         : pointer;
    margin-bottom  : 10px;
}

.selection-card.disabled {
    user-select     : none;
    pointer-events  : none;
    filter          : grayscale(100%);
    background-color: var(--neutral-100);
}

.selection-card * {
    text-align: center;
}

.selection-card p {
    margin-bottom: 0;
    font-size    : 1em;
    font-weight  : 400;
    line-height  : 1.2em;
}

.selection-card i {
    color        : var(--primary);
    font-size    : 54px;
    margin-bottom: 15px;
}

.main-link {
    position: absolute;
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
}

.selection-card h2 {
    font-size     : 32px;
    font-weight   : 700;
    text-transform: uppercase;
    line-height   : 1em;
    letter-spacing: -0.6px;
}

.selection-card:hover {
    border-color: var(--primary);
}

.selection-card:hover h2 a {
    color     : var(--primary);
    transition: unset;
}