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

    // &:hover {
    //     box-shadow: var(--shadow-small);
    // }

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