.zent-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;

    font-size: 12px;

    color: #333;
    background: $btn-white;
    border: 1px solid $btn-gray;

    text-align: center;

    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;

    transition: background-color 0.3s;

    &:focus {
        outline: none;
    }

    &:link,
    &:visited,
    &:focus {
        color: #333;
        text-decoration: none;
    }
    &:hover {
        color: $btn-deep-deep-blue;
        border-color: $btn-deep-deep-blue;
        text-decoration: none;
    }
    &:active {
        color: #333;
        background: $btn-light-gray;
        border-color: $btn-gray;
        text-decoration: none;
    }
    &.zent-btn-loading {
        &:hover,
        &:active {
            background: $btn-white;
            border: 1px solid $btn-gray;
        }
    }
}

.zent-btn + .zent-btn {
    margin-left: 10px;
}