.astar-tile {
    display: flex;
    border: 1px solid var(--tertiary-dark);
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.astar-tile h2 {
    color: var(--primary);
}

.astar-tile.clickable {
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.astar-tile.clickable:hover {
    box-shadow: inset 0px 0px 10px 0px var(--tertiary-dark);
}

a.astar-tile.clickable{
    color: inherit;
}

a.astar-tile.clickable:hover {
    text-decoration: none;
}

button.astar-tile.clickable {
    border: 1px solid var(--tertiary-dark);
    background-color: inherit;
}

button.astar-tile.clickable:focus {
    outline: none;
}

.astar-tile .loading
{
    --loading-spinner-size: 3rem;
    --loading-spinner-top-margin: 0;
}