.resource-cost {
    border-radius: 0.25em;
    padding: 0.25em;
    display: grid;
    grid-template-rows: repeat(var(--rows), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: 0.25em;
    background-color: var(--color-button-hover);
    pointer-events: none; 
    touch-action: none;
}

.resource-cost > .cost {
    font-size: calc(1.5em / var(--squish-factor));
}