/******************************/
/*Enchantment Table Formatting*/
/******************************/

#enchant button {
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    text-align: center;
    font-size: var(--font-size-400);
    background-color: var(--color-default-green);
}

#enchant button.tool-button {
    width: 50px;
    height: 50px;
    position: relative;
    float: left;
    text-align: center;
    vertical-align: center;
    font-size: var(--font-size-400);
    background-color: var(--color-default-green);
}

#enchant button.tool-button img {
    width: 48px;
    vertical-align: center;
    aspect-ratio: 1;
}

#enchant .invalid {
    background-color: red;
}