github.com/outbrain/consul@v1.4.5/website/source/assets/stylesheets/_buttons.scss (about)

     1  .button {
     2    background: $button-background;
     3    border: 1px solid $button-font-color;
     4    box-shadow: 3px 4px 0 rgba(0,0,0,0.1);
     5    color: $button-font-color;
     6    display: inline-block;
     7    font-family: $button-font-family;
     8    font-size: $button-font-size;
     9    font-weight: $button-font-weight;
    10    letter-spacing: 1px;
    11    margin-bottom: 4px;
    12    padding: 10px 30px;
    13    text-transform: uppercase;
    14    text-decoration: none;
    15  
    16    &:hover,
    17    &:active,
    18    &:focus {
    19      text-decoration: none;
    20    }
    21  
    22    &:hover {
    23      background: $button-font-color;
    24      border: 1px solid $button-font-color;
    25      color: $button-background;
    26    }
    27  
    28    &.primary {
    29      background: $button-primary-background;
    30      border: 1px solid darken($button-primary-background, 5%);
    31      color: $button-primary-font-color;
    32  
    33      &:hover {
    34        background: lighten($button-primary-background, 5%);
    35      }
    36    }
    37  }