.or-old-button + .or-old-button {
    margin-left:1rem
}

.or-old-button-primary {
    text-decoration: none;
    background: #30a8bb;
    border: 1px solid #30a8bb;
    border-radius: 4px;
    display: inline-block;
    padding:8px 32px
}

.or-old-button-primary, .or-old-button-primary > span {
    vertical-align: top;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    line-height:1.5rem
}

.or-old-button-primary > span {
    margin-bottom: 0;
    display:inline-block
}

.or-old-button-primary > svg {
    vertical-align: top;
    color: #fff;
    height:1.5rem
}

.or-old-button-primary > svg + span {
    margin-left:8px
}

.or-old-button-primary.or-button-size-small {
    font-size: 14px;
    font-weight: 600;
    line-height: 1rem;
    padding: 8px 16px;
    height: 32px;
    min-width:32px
}

.or-old-button-primary.or-button-size-small > span {
    font-size: 14px;
    font-weight: 600;
    line-height:1rem
}

.or-old-button-primary.or-button-size-small > svg {
    width: 14px;
    height:14px
}

.or-old-button-primary.or-button-size-small > svg {
    width: 14px;
    height:14px
}

.or-old-button-primary.or-button-size-table-icon {
    width: 32px;
    height: 32px;
    line-height: 16px;
    padding: 7px;
    min-width: 32px;
    max-width:32px
}

.or-old-button-primary.or-button-size-table-icon > span {
    display:none
}

.or-old-button-primary.or-button-size-table-icon > svg {
    width: 16px;
    height:16px
}

.or-old-button-primary:disabled {
    background-color: #a0a0a0;
    border-color: #a0a0a0;
    color: #323232;
    cursor:not-allowed
}

.or-old-button-primary:disabled > span {
    color:#323232
}

.or-old-button-primary:not(:disabled) {
    cursor:pointer
}

.or-old-button-primary:not(:disabled):hover {
    background: #268492;
    color: #fff;
    border:1px solid #268492
}

.or-old-button-primary:not(:disabled):hover > svg, .or-old-button-primary:not(:disabled):hover > span {
    color:#fff
}