Example of SCSS for button

_buttons.scss

.btn,
.button,
button,
input[type=button],
input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none;

        cursor: pointer;
        position: relative;

        display: inline-block;
        vertical-align: middle;

        box-sizing: border-box;
        border: none;        

        background: $brand-primary;

        font-family: $font-headers;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: white;

        text-align: center;
        text-transform: none;
        text-decoration: none;
        text-shadow: none;
      
        padding: 10px 20px;
        border-radius: 30px;

        transition: all .3s ease;
      
        &:hover {
          background: darken(5%, $brand-primary);
        }
    
        @media screen and (min-width: 1025px) {
            &:hover {
                
            }            
        }
        
        &.disabled {
            opacity: .3;
        }
}