WebDevSummit/random-recipes

body {
    margin: 0;
}

h1, a { 
 z-index: 2;
 position: relative;
}

ul {
    list-style: none;
    text-align: center;
}

li {
    display: inline-block;
}

a {
    display: block;
    width: 150px;
    margin: 0 20px;
    font-size: 1em;
    background: orange;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.3);
    color: #fff;
    transition: 200ms all ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    text-decoration: none;
    font-family: sans-serif;
}

// Like, dislike

ul:not(.items) {
    li:first-child {
        a {
            background: red;
            &:hover {
                background: red;
                cursor: pointer;
            }
        }
    }
    li:last-child {
        a {
            background: #1bc70e;
        }
        &:hover {
            background: #17a20c;
        }
    }
}