Анимация для закрытия диалога по CSS

Question

это моя анимация:

@keyframes slideRightToLeft {
0% {
    transform: translateX(45%);
}

100% {
    transform: translateX(0%);
     }
}

Мой другой код CSS такой, где я вызываю slideRightToLeft из другого селектора:

callbackContent.THREEDOT .cbLayout {
animation-name: slideRightToLeft 1s;
}

Я хочу закрыть диалог, так же, как он открыл. Любое решение будет оценено. Спасибо.