button.button--primary, .button.button--primary {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 20px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: min-content;
    letter-spacing: 1.4px;
    background-color: #5cff96;
    border: 2px solid #000000;
    color: #000
}

    button.button--primary.button--icon:after, .button.button--primary.button--icon:after {
        content: url(../images/icon-btn-arrow-dark.svg);
        display: inline-block;
        margin-left: 10px
    }

@media (max-width: 820px) {
    button.button--primary.button--icon:after, .button.button--primary.button--icon:after {
        content: url(../images/icon-btn-arrow-dark-mobile.svg)
    }
}

button.button--primary:hover, button.button--primary:focus-visible, .button.button--primary:hover, .button.button--primary:focus-visible {
    color: #fff;
    background-color: #001d25;
    border-color: #001d25
}

    button.button--primary:hover.button--icon:after, button.button--primary:focus-visible.button--icon:after, .button.button--primary:hover.button--icon:after, .button.button--primary:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light.svg)
    }

@media (max-width: 820px) {
    button.button--primary:hover.button--icon:after, button.button--primary:focus-visible.button--icon:after, .button.button--primary:hover.button--icon:after, .button.button--primary:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light-mobile.svg)
    }
}

button.button--primary:active, .button.button--primary:active {
    background-color: #004868;
    border-color: #001d25
}

button.button--invert, .button.button--invert {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 20px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: min-content;
    letter-spacing: 1.4px
}

    button.button--invert:hover, button.button--invert:focus-visible, .button.button--invert:hover, .button.button--invert:focus-visible {
        border-color: #5cff96
    }

    button.button--invert:active, .button.button--invert:active {
        border-color: #fff
    }

button.button--secondary, .button.button--secondary {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 20px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: min-content;
    letter-spacing: 1.4px;
    background-color: #fff;
    border: 2px solid #001D25;
    color: #333
}

    button.button--secondary:hover, button.button--secondary:focus-visible, .button.button--secondary:hover, .button.button--secondary:focus-visible {
        color: #fff;
        background-color: #001d25;
        border-color: #001d25
    }

        button.button--secondary:hover.button--icon:after, button.button--secondary:focus-visible.button--icon:after, .button.button--secondary:hover.button--icon:after, .button.button--secondary:focus-visible.button--icon:after {
            content: url(../images/icon-btn-arrow-light.svg)
        }

@media (max-width: 820px) {
    button.button--secondary:hover.button--icon:after, button.button--secondary:focus-visible.button--icon:after, .button.button--secondary:hover.button--icon:after, .button.button--secondary:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light-mobile.svg)
    }
}

button.button--secondary:hover:active, button.button--secondary:focus-visible:active, .button.button--secondary:hover:active, .button.button--secondary:focus-visible:active {
    background-color: #004868;
    border-color: #001d25
}

button.button--secondary.button--icon:after, .button.button--secondary.button--icon:after {
    display: inline-block;
    margin-left: 10px;
    content: url(../images/icon-btn-arrow-dark.svg)
}

@media (max-width: 820px) {
    button.button--secondary.button--icon:after, .button.button--secondary.button--icon:after {
        content: url(../images/icon-btn-arrow-dark-mobile.svg)
    }
}


button.button--accent, .button.button--accent {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    flex-grow: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 20px 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: min-content;
    letter-spacing: 1.4px;
    background-color: #FFA551;
    border: 2px solid #001D25;
    color: #333
}

    button.button--accent:hover, button.button--accent:focus-visible, .button.button--accent:hover, .button.button--accent:focus-visible {
        color: #fff;
        background-color: #001d25;
        border-color: #001d25
    }

        button.button--accent:hover.button--icon:after, button.button--accent:focus-visible.button--icon:after, .button.button--accent:hover.button--icon:after, .button.button--accent:focus-visible.button--icon:after {
            content: url(../images/icon-btn-arrow-light.svg)
        }

@media (max-width: 820px) {
    button.button--accent:hover.button--icon:after, button.button--accent:focus-visible.button--icon:after, .button.button--accent:hover.button--icon:after, .button.button--accent:focus-visible.button--icon:after {
        content: url(../images/icon-btn-arrow-light-mobile.svg)
    }
}

button.button--accent:hover:active, button.button--accent:focus-visible:active, .button.button--accent:hover:active, .button.button--accent:focus-visible:active {
    background-color: #004868;
    border-color: #001d25
}

button.button--accent.button--icon:after, .button.button--accent.button--icon:after {
    display: inline-block;
    margin-left: 10px;
    content: url(../images/icon-btn-arrow-dark.svg)
}

@media (max-width: 820px) {
    button.button--accent.button--icon:after, .button.button--accent.button--icon:after {
        content: url(../images/icon-btn-arrow-dark-mobile.svg)
    }
}



button.button--icon:after, .button.button--icon:after {
    display: inline-block;
    margin-left: 10px;
    content: url(../images/icon-btn-arrow-dark.svg)
}

@media (max-width: 820px) {
    button.button--icon:after, .button.button--icon:after {
        content: url(../images/icon-btn-arrow-dark-mobile.svg)
    }
}

button.button--icon:hover:after, .button.button--icon:hover:after {
    content: url(../images/icon-btn-arrow-light.svg)
}

@media (max-width: 820px) {
    button.button--icon:hover:after, .button.button--icon:hover:after {
        content: url(../images/icon-btn-arrow-light-mobile.svg)
    }
}

button.button--icon-down:after, .button.button--icon-down:after {
    display: inline-block;
    margin-left: 10px;
    content: url(../images/arrow-down-black.svg) !important
}

button.button--icon-down:hover:after, .button.button--icon-down:hover:after {
    content: url(../images/arrow-down-white.svg) !important
}

.button--primary[disabled] {
    background-color: #cccccc !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

    .button--primary[disabled]:hover {
        background-color: #cccccc !important;
        transform: none !important;
    }

.button a {
    color: #000;
    text-decoration: none;
    font-family: DM Sans, sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: min-content;
    letter-spacing: 1.4px;
}

.disabled-button {
    cursor: default;
    pointer-events: none;
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
}