.aula-assistida {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.aula-assistida:hover {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    opacity: .8;
}

.aula-assistida:focus {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    outline: none;
}

.aula-assistida[disabled] {
    background-color: var(--e-global-color-fd33248);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    cursor: not-allowed;
}

.aula-assistida.marcada {
    background-color: var(--e-global-color-fd33248);
    color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
}

.badge-assistido {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 12px;
}