simple-calorie-tracker/src/components/button/button.css

.iconButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: .2em;

    font-size: 100%;
    line-height: 1;

    background: rgba(0, 0, 0, 0.1);
    border: 0;
    outline: none;
    text-shadow: 1px 1px 1px #ddd;

    &:hover {
        background: rgba(0, 0, 0, 0.2);
    }
}