buttons

buttons.css

.button{
    display: inline-block;
    padding: 10px 25px;
    border: none;
    font-size: 18px;
    font-family: $light-font;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: $accent-color;
    color: #fff;
    box-shadow: 0 3px 0 darken($accent-color, 8%);
    @include tr(0.5s);
    
    &:hover,
    &:focus,
    &:active{
        color: #fff;
        background-color: darken($accent-color, 8%);
        box-shadow: 0 3px 0 darken($accent-color, 16%);
    }
    
}//.button