/* Main Button */
.btn-main {
    background-color: rgb(var(--color-lime));
    color: rgb(var(--color-dark-green));
    padding: .625rem 1rem .625rem 1rem;
    width: fit-content;
    text-decoration: none;
}

.btn-main:hover:not(:disabled) {
    background-color: rgb(var(--color-dark-green));
    color: rgb(var(--color-lime));
    text-decoration: none;
}

.btn-main:disabled {
    background-color: rgba(var(--color-lime), .4);
    color: rgba(var(--color-dark-green), .4);
}

.btn-main:focus {
    background-color: rgb(var(--color-lime));
    color: rgb(var(--color-dark-green));
    box-shadow: 0 0 0 2px rgb(var(--color-dark-green)) inset;
    text-decoration: none;
}

/* Secondary Button */
.btn-secondary {
    background-color: rgb(var(--color-dark-green));
    color: rgb(var(--color-lime));
    padding: .625rem 1rem .625rem 1rem;
    width: fit-content;
    text-decoration: none;
}

.btn-secondary:hover:not(:disabled) {
    background-color: rgb(var(--color-lime));
    color: rgb(var(--color-dark-green));
    text-decoration: none;
}

.btn-secondary:disabled {
    background-color: rgba(var(--color-dark-green), .4);
    color: rgba(var(--color-lime), .4);
}

    .btn-secondary:focus {
        background-color: rgb(var(--color-dark-green));
        color: rgb(var(--color-lime));
        box-shadow: 0 0 0 2px rgb(var(--color-lime)) inset;
        text-decoration: none;
    }