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

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

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

.checkbox__wrapper[data-v-386552c7] {
    font-family: var(--font-mono);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .089375rem;
    line-height: .81;
    position: relative;
    text-transform: uppercase
}

.checkbox__wrapper input[data-v-386552c7] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.checkbox__wrapper input:checked+.button__wrapper[data-v-386552c7] {
    background-color: #0524240d;
    border-color: transparent;
    color: var(--c-dark-green)
}

.checkbox__wrapper .button__wrapper[data-v-386552c7] {
    border: 1px solid rgba(5,36,36,.2);
    border-radius: .5rem;
    color: #05242433;
    display: inline-block;
    padding: 1.5625rem 0;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease
}

@media (min-width: 1024px) {
    .checkbox__wrapper .button__wrapper[data-v-386552c7] {
        padding:1.5625rem 2.21875rem
    }

    .checkbox__wrapper[data-v-386552c7] {
        font-size: .875rem;
        letter-spacing: .11375rem
    }
}

@media (hover: hover) and (pointer:fine) {
    .checkbox__wrapper[data-v-386552c7]:hover {
        cursor:pointer
    }

    .checkbox__wrapper:hover .button__wrapper[data-v-386552c7] {
        background: #05242409;
        color: var(--c-dark-green)
    }
}