Consultando o seletor pela classe:
const longoBt = document.querySelector('.appcard-button--longo')
Associando o elemento ao evento, definindo o tipo de evento e implementando o callback:
longoBt.addEventListener('click', () => {
html.setAttribute('data-contexto', 'descanso-longo') })