/* Button backgrounds */
#minishcap-btn {
    background-image: url('img/minishcap-btn.jpg');
    }
#alinkawakening-btn {
    background-image: url('img/awakening-btn.png');
    }
#oracleofages-btn {
    background-image: url('img/ages-btn.jpg');
    }
#oracleofseasons-btn {
    background-image: url('img/seasons-btn.png');
    }
#fourswords-btn {
    background-image: url('img/past.jpg');
    }

/* System labels */
[class$="-button"]::after {
    content: attr(class);
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(0,0,0,0.7);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase;
}