.nc-button {
    display: inline-block;
    border-radius: 2em;
    border: none;
    background-color: #ffffff;
    color: #95989A;
    padding: 14px 50px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    cursor: default;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    margin: 20px 0 30px 20px;
}

    .nc-button.grey {
        background-color: #E5E6E6;
        color: #334856;
        border: 1px solid #CED4D7;
        cursor: pointer;
    }

    .nc-button.blue {
        background-color: #F7F9F6;
        color: #6689F4;
        border: 1px solid #6689F4;
    }

    .nc-button.active {
        background-color: #6689F4;
        color: #ffffff;
        cursor: pointer;
        box-shadow: 0 10px 40px #6689F4;
        border: none;
        transition: 0.3s;
    }

        .nc-button.active:hover {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

    .nc-button.small {
        font-size: 13px;
        padding: 10px 30px;
        text-transform: none;
        letter-spacing: normal;
    }

    .nc-button.bold {
        font-weight: 800;
    }

    .nc-button.semibold {
        font-weight: 600;
    }

    .nc-button.green {
        background-color: #A0D150;
        color: #ffffff;
    }

        .nc-button.green.active {
            box-shadow: 0 10px 40px #A0D150;
        }