.ability-button
{
    position: relative;
    width: 60px;
    height: 60px;

    border-color: black;
    border-width: 2px;
    border-style: solid;
}

.ability-button.selected
{
    background-color: #3AB4F2;
}

.ability-button > img
{
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% -10px);
    left: calc(10px / 2);
    top: 10px;
}

.ability-button .ability-cost
{
    position: absolute;
    top: 0;
    right: 2px;
}

.ability-button .ability-cost > .cost-text
{
    position: relative;
    top: -4px;
}

.ability-button .ability-cost > img
{
    height: 20px;
    width: 20px;

    margin-left: -6px;
    margin-right: -6px;
}