@font-face {
    font-family: 'ProximaNova Bold';
    src: url('/ProximaNova-Bold-webfont.woff2') format('opentype');
}

.newclient {
    background: rgba(9, 150, 236, 1);
    border-radius: 5px;

    display: flex;
    justify-content: center;
}

.new-button {
    align-self: flex-end;

    display: inline-block;
    user-select: none;

    color: white;
    font-family: 'ProximaNova Bold', Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size: 18px;
    text-align: center;

    width: 226px;
    height: 58px;
    line-height: 58px;
    box-sizing: border-box;
    margin: 20px;

    border-radius: 8px;

    background: #22a4f3;
    background: linear-gradient(-180deg, #22a4f3 0%, #004093 100%);

    box-shadow:
        0 3px 0 0 rgba(0, 82, 175, 0.4),
        inset 0 2px 0 0 rgba(255, 255, 255, 0.4);

    border: 1px solid #003f72;

    &:hover {
        background: linear-gradient(-180deg, #004093 0%, #22a4f3 100%);
    }
}