.text a {
color: #000000 !important;
border-bottom: 1px solid #000000;
}

.text a:hover {
color: #CC3239 !important;
border-bottom: 1px solid #CC3239;
}

.tel a {
color: #000000 !important;
border-bottom: 0px solid #000000;
}

.tel a:hover {
color: #CC3239 !important;
border-bottom: 0px solid #CC3239;
}

.links1 a {
color: #000000 !important;
border-bottom: 0px solid #000000;
}

.links a:hover {
color: #CC3239 !important;
border-bottom: 0px solid #CC3239;
}

.links a:after {
  display: block;
  position: absolute;
  left: 0; /* изменить на right:0;, чтобы изменить направление подчёркивания */
  width: 0; /* задать длину линии до наведения курсора */
  height: 2px; /* задать ширину линии */
  background-color: #CC3239; /* задать цвет линии */
  content: "";
  transition: width 0.3s ease-out; /* задать время анимации */
  color: #000000
}
.links a:hover:after, a:focus:after {
  width: 97%; /* установить значение 100%, чтобы ссылка подчёркивалась полностью */
}