.btn-primary {}
.btn-secondary {}
.btn-success {}
.btn-danger {}
.btn-warning {}
.btn-info {}
.btn-light {}
.btn-dark {}

.btn-style_1 {
    color: #fff;
    background-color: var(--nzft_orange);
    
    line-height: normal;
}

.btn-style_1_round,
#funky-canvas .btn-style_1_round {
    color: #fff;
    background-color: var(--nzft_orange);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);

    line-height: normal;
}
.btn-style_1_round:hover,
#funky-canvas .btn-style_1_round:hover {
    color: #fff;
    background-color: var(--nzft_hovered_orange);
}

.btn-style_2_round,
#funky-canvas .btn-style_2_round {
    color: #fff;
    background-color: var(--nzft_tan);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    line-height: normal;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 0.5px 0.5px rgba(55, 55, 55, 0.25);
}

.btn-style_2_round:hover,
#funky-canvas .btn-style_2_round:hover {
    color: #fff;
    background-color: var(--nzft_hovered_tan);
}

.btn-style_3_round,
#funky-canvas .btn-style_3_round {
    color: #fff;
    background-color: var(--nzft_dark_green);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);

    line-height: normal;
}

.btn-style_3_round:hover,
#funky-canvas .btn-style_3_round:hover {
    color: #fff;
    background-color: var(--nzft_hovered_dark_green);
}

.btn-style_2 {
    color: #fff;
    background-color: var(--nzft_grey);

    line-height: normal;
}

.btn-style_3 {
    color: #fff;
    background-color: var(--nzft_brown);

    font-family: 'sofia-pro', sans-serif !important;

    line-height: normal;
}

#funky-canvas .btn-secondary {
    color: #fff;
    background-color: var(--nzft_dark_green);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);
    
    line-height: normal;
}
.btn-secondary:hover {
    color: #fff;
    background-color: var(--nzft_hovered_dark_green);
}

.btn-style_4 {
    color: var(--nzft_dark_green);
    background-color: rgba(55, 55, 55, 0);

    line-height: normal;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);
}

.btn-style_4:hover {
    color: #fff;
    background-color: var(--nzft_dark_green);
}
#funky-canvas .btn-style_4_round {
    color: var(--nzft_dark_green);
    background-color: rgba(55, 55, 55, 0);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;
    
    border: 1px solid var(--nzft_dark_green);

    line-height: normal;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);
}

#funky-canvas .btn-style_4_round:hover {
    color: #fff;
    background-color: var(--nzft_dark_green);
}
#funky-canvas .btn-style_5_round {
    color: var(--nzft_orange);
    background-color: rgba(55, 55, 55, 0);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;
    
    border: 1px solid var(--nzft_orange);

    line-height: normal;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);
}

#funky-canvas .btn-style_5_round:hover {
    color: #fff;
    background-color: var(--nzft_orange);
}

#funky-canvas .btn-calendly_style_1 {
    color: #fff;
    background-color: var(--nzft_orange);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);
    
    line-height: normal;
}
.btn-calendly_style_1:hover,
#funky-canvas .btn-calendly_style_1:hover {
    color: #fff;
    background-color: var(--nzft_hovered_orange);
}


.btn-calendly_style_2,
#funky-canvas .btn-calendly_style_2 {
    color: #fff;
    background-color: var(--nzft_tan);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 0.5px 0.5px rgba(55, 55, 55, 0.25);
    
    line-height: normal;
}

.btn-calendly_style_2:hover,
#funky-canvas .btn-calendly_style_2:hover {
    color: #fff;
    background-color: var(--nzft_hovered_tan);
}

.btn-calendly_style_3,
#funky-canvas .btn-calendly_style_3 {
    color: #fff;
    background-color: var(--nzft_dark_green);

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25);

    line-height: normal;
}

.btn-calendly_style_3:hover,
#funky-canvas .btn-calendly_style_3:hover {
    color: #fff;
    background-color: var(--nzft_hovered_dark_green);
}

.btn-danger,
#funky-canvas .btn-danger {
    color: #fff !important;
    background-color: var(--nzft_orange) !important;

    -webkit-border-radius: 32px !important;
    -moz-border-radius: 32px !important;
    border-radius: 32px !important;
    min-height: 40px !important;
    padding-left: 25px;
    padding-right: 25px;

    font-family: 'sofia-pro', sans-serif !important;

    box-shadow: 0px 1px 1px rgba(55, 55, 55, 0.25) !important;

    line-height: normal;
}
.btn-danger:hover,
#funky-canvas .btn-style_1_round:hover {
    color: #fff !important;
    background-color: var(--nzft_hovered_orange) !important;
}