.card-input-label {
    width: 100%;
    margin: 1rem 1rem;
}

.card-input-element {
    display: none;
}

.card-input-element:checked + .card-input {
    box-shadow: 0 0 1px 1px var(--blue);
    background:var(--blue);
    border:none;
    color:var(--white);
}

.card-input {
    text-align: center;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--white);
    width:100%;
    font-size:1.8rem;
    font-weight:700;
    height:7.2rem;
    color:var(--black);
    border:0.2rem solid var(--gray1);
    border-radius:1rem;
}