border-style: solid;
border: 2px;
border-color: rgba(206, 13, 13, 0.979);
Taki zapis powoduje, że border-style: solid jest nadpisany przez border i wyjściowo border-style jest ustawiony na none. Spójrz na domyślne wartości poszczególnych składowych dla border: https://developer.mozilla.org/en-US/docs/Web/CSS/border#formal_definition
Zapoznaj się też z kolejnością aplikowania styli w CSS [1, 2].
Zapisz border albo całościowo, w skróconej postaci:
border: 2px solid rgba(206, 13, 13, 0.979);
albo rozpisując konkretne składowe:
border-width: 2px;
border-style: solid;
border-color: rgba(206, 13, 13, 0.979);
Jeśli w którymś miejscu używasz skróconego zapisu (samo border) to on nadpisuje wszystkie dotychczasowe wartości składowe, więc np.:
border-width: 2px;
border-style: solid;
border-color: rgba(206, 13, 13, 0.979);
border: 1px dashed black;
stworzy wyjściowo taki border, jak określony w ostatniej linijce. Natomiast w drugą stronę, możesz stworzyć border - choć to tyczy się praktycznie każdej własności w CSS, którą można zapisać w skróconej wersji - zapisem skróconym, a w innych stylach dla tego samego elementu nadpisywać poszczególne jego składowe, np.:
border: 1px dashed black;
border-style: solid;
border-color: red;
wyjściowo stworzy border koloru czerwonego, ze stałą (ciągłą) linią.