@keyframes color-transition-d8fa3fef {
    0% {
        color: var(--c-light-light-gray)
    }

    30% {
        color: var(--c-lime)
    }

    to {
        color: var(--c-dark-green)
    }
}

.button.no-underline .link-active[data-v-d8fa3fef]:after {
    display: none
}

.button[data-v-d8fa3fef] {
    background: var(--c-dark-green-05);
    border-radius: 8px;
    color: var(--c-dark-green);
    display: inline-block;
    font-weight: 600;
    overflow: hidden;
    padding: 1.5625rem 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.button span[data-v-d8fa3fef] {
    pointer-events: none
}

.button.is-active[data-v-d8fa3fef] {
    background-color: var(--c-dark-green);
    color: var(--c-lime)
}

.button[disabled][data-v-d8fa3fef] {
    background-color: #e0e0e0;
    color: #888;
    cursor: not-allowed;
    opacity: .5
}

.button.input-button[data-v-d8fa3fef]:before {
    display: none
}

.button.input-button[disabled][data-v-d8fa3fef] {
    cursor: not-allowed;
    opacity: .5
}

.button[data-v-d8fa3fef]:not(.button--underlined) {
    width: 100%
}

.button:not(.button--underlined) .link-active[data-v-d8fa3fef] {
    overflow: visible
}

.button:not(.button--underlined) .link-active[data-v-d8fa3fef]:after {
    background-color: var(--base-color);
    bottom: -.1875rem;
    transition: transform .7s cubic-bezier(.19,1,.22,1),background-color .7s cubic-bezier(.19,1,.22,1)
}

.button.button--underlined[data-v-d8fa3fef] {
    background: none;
    font-family: var(--font-mono);
    font-size: .6875rem;
    letter-spacing: .12375rem;
    overflow: visible;
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

.button.button--underlined[data-v-d8fa3fef]:after,.button.button--underlined[data-v-d8fa3fef]:before {
    bottom: -.375rem
}

.button.button--underlined[disabled][data-v-d8fa3fef] {
    color: #888;
    cursor: not-allowed
}

.button.disabled[data-v-d8fa3fef]:hover,.button[disabled][data-v-d8fa3fef]:hover {
    cursor: not-allowed
}

@media (min-width: 1024px) {
    .button[data-v-d8fa3fef] {
        padding:1.5625rem 6rem;
        white-space: nowrap
    }
}

@media (hover: hover) and (pointer:fine) {
    .button.input-button[data-v-d8fa3fef]:hover {
        background-color:var(--hover-bg);
        color: var(--hover-color)
    }

    .button[data-v-d8fa3fef]:not(.button--underlined) {
        transition: color .3s cubic-bezier(.39,.575,.565,1),background-color .3s cubic-bezier(.39,.575,.565,1)
    }

    .button[data-v-d8fa3fef]:not(.button--underlined):before {
        background-color: var(--hover-bg);
        content: "";
        height: calc(100% + 2px);
        left: -1px;
        position: absolute;
        top: -1px;
        transform: translate3d(0,100%,0);
        transform-origin: bottom;
        transition: transform .7s cubic-bezier(.19,1,.22,1);
        width: calc(100% + 2px);
        will-change: transform
    }

    .button[data-v-d8fa3fef]:not(.button--underlined):hover {
        background-color: transparent;
        color: var(--hover-color)!important;
        transition: color .3s cubic-bezier(.39,.575,.565,1),background-color .3s cubic-bezier(.39,.575,.565,1) .2s
    }

    .button[data-v-d8fa3fef]:not(.button--underlined):hover:before {
        transform: translateZ(0)
    }

    .button:not(.button--underlined):hover .link-active[data-v-d8fa3fef]:after {
        background-color: var(--hover-color);
        transform: scaleX(1);
        transform-origin: left
    }

    .button:not(.button--underlined)[disabled][data-v-d8fa3fef]:before {
        display: none
    }

    .button.button--underlined[data-v-d8fa3fef] {
        padding: 2rem
    }

    .button.button--underlined[data-v-d8fa3fef]:after,.button.button--underlined[data-v-d8fa3fef]:before {
        bottom: 1.5rem;
        left: 2rem;
        width: calc(100% - 4rem)
    }

    .button.button--underlined[data-v-d8fa3fef]:hover {
        background-color: none;
        color: unset
    }

    .button.button--underlined[disabled][data-v-d8fa3fef]:after,.button.button--underlined[disabled][data-v-d8fa3fef]:before {
        display: none
    }
}