._ {
    background: var(--dynamic_primary);
    border-radius: var(--radius_medium);
    border: none;
    color: var(--text_primary);
    padding: 0 10px;
    height: 30px;
    min-width: 120px;
    font-size: 12px;
    cursor: pointer;
    transition: 200ms;
    outline: none;
    font-family: "__luxjs__regular__";
    user-select: none;

    &:hover {
        transition: 100ms;
        background: var(--dynamic_secondary);

        &:active {
            background: var(--dynamic_primaryAlt);
            color: var(--text_secondary);
        }
    }
}

._accent {
    background: var(--accent_primary);
    color: var(--textOnAccent_primary);

    &:hover {
        background: var(--accent_secondary);

        &:active {
            color: var(--textOnAccent_secondary);
            background: var(--accent_tertiary);
        }
    }
}

._text {
    background: transparent;
    color: var(--text_secondary);

    &:hover {
        background: var(--dynamic_primary);
        color: var(--text_primary);

        &:active {
            background: var(--dynamic_primary);
            color: var(--text_primary);
            opacity: 0.7;
        }
    }
}

._outline {
    background: transparent;
    border: 1px solid var(--dynamic_secondary);

    &:hover {
        background: transparent;
        border-color: var(--accent_primary);

        &:active {
            color: var(--text_primary);
            background: transparent;
            border-color: var(--accent_quaternary);
        }
    }
}