.spellcard {
    height: 20rem;
    width: 15rem;
    border: solid 1px var(--border-color);
    border-radius: 10px;
    background: white;
    box-shadow: var(--shadow);
    cursor: pointer;
    transition: all 0.3s ease-in-out;

    .name {
        font-weight: 600;
        font-size: 1.125rem;
        text-align: center;
        margin-top: 0.25rem;
    }
}