misuzu/assets/less/mio/classes/input/button.less

.input__button {
    font-family: 'visitor1';
    font-size: 20px;
    line-height: 1.25em;
    color: #fff;
    background-color: #9475b2;
    border: 1px solid #306;
    box-shadow: inset 0 0 0 1px #643b8c;
    border-radius: 2px;
    padding: 1px 10px;
    transition: background .2s, border-color .2s;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    text-decoration: none;

    &--small {
        font-size: 15px;
    }

    &--disabled {
        background-color: #888;
        border-color: #444;
        box-shadow: inset 0 0 0 1px #555;
    }

    &:not(&--disabled) {
        &:focus {
            border-color: #407;
        }

        &:hover {
            background: #A586c3;
        }

        &:active {
            border-color: #306;
            background: #8364a1;
        }
    }
}