Custom css ignored

Hi.

My web site is defined as RTL for right-to-left language.
Please see here how the footnotes end up.

I need to:
1. Right-align the “References” label.

2. Re-order the columns of the references list, so that the reference number is the left-most column.

I added the following to the custom css:

/* Footnotes alignment */
.footnote_container_prepare {
  padding-right: 20px !important;
  text-align: right !important;
  direction: rtl !important;
}

.footnote_container_prepare > p > span:first-child {
  padding-right: 20px !important;
  text-align: right !important;
  direction: rtl !important;
}

.footnote_references_container {
   text-align: left !important;
   direction: ltr !important;
}

But it is not applied.
What am I missing?

Thanks!
Mor

https://ww.wp.xz.cn/plugins/footnotes/