/* span p a:link {
    color: black;text-decoration:none;
}
 span p a:hover {
    color: blue;
	font-weight: bold;
   
}
 span p a:visited {
    color:#black;
}*/


/*
a {
  color: #18272F;
  position: relative;
  text-decoration: none;
}

a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #18272F;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}*/

 span p a {
  box-shadow: inset 0 0 0 0 #54b3d6;
  color: black;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  position: absolute;
  width: 300px;
  left: 30%;
  text-align:left;
 
}
 span p a:hover {
  box-shadow: inset 237px 0 0 0 #54b3d6;
  color: white;
}