Why is css execution not displaying properly in divi and in view?

Question

css

I'm building a module with text switches in Divi. It is necessary to repeat as in the photo, until I do it without searching. I


'm trying to make an underline

content:'';
position: absolute; 
background: transparent; 
left: 10; 
bottom: -5px; 
width: 30%; 
height: 0px; 
border-bottom: 1px dashed #656968;

I paste the code in the module settings
Here is how it is displayed in Divi

And here is how it is on the site:


I also try to make a block selection with a link on hover (as in the layout), but it doesn’t work
, I can’t figure out what I’m doing wrong in
the code in the module:

<div class="theme_link"><a href="#" title="Второй уровень вложенности темы успешных внедрений">Второй уровень вложенности темы успешных внедрений</a></div>
<div class="theme_link"><a href="#" title="Второй уровень вложенности темы успешных внедрений">Второй уровень вложенности темы успешных внедрений</a></div>
<div class="theme_link"><a href="#" title="Второй уровень вложенности темы успешных внедрений">Второй уровень вложенности темы успешных внедрений</a></div>

css code:

.theme_link {
  background-color: #f8f8f8;
  padding: 10px 25px 10px 15px;
}
.theme_link ::hover {
  background-color: #E5E6EA;
}