[html]<style>
div {
  margin:0;
  padding:0;
  background: #262626;
width: 500px;
height: 300px;
position: relative;
}

ul {
  margin:0;
  padding:0;
  display:flex;
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
}

ul li {
  list-style:none;
  margin: 0 15px;
}

ul li a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #171515;
  border-radius: 50%;
  font-size: 30px;
  color: #666;
  transition: .5s;
}

ul li a:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  background: #d35400;
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
}

ul li a:hover:before {
  transform: scale(1.2);
  box-shadow: 0 0 15px #d35400;
  filter: blur(3px);
}

ul li a:hover {
  color: #ffa502;
  box-shadow: 0 0 15px #d35400;
  text-shadow: 0 0 15px #d35400;
}
</style>
<div>
  <div class="container">
    <ul>
      <li><a href="#"><i class="fa-solid fa-user"></i></a></li>
      <li><a href="#"><i class="fa-solid fa-user"></i></a></li>
      <li><a href="#"><i class="fa-solid fa-user"></i></a></li>
      <li><a href="#"><i class="fa-solid fa-user"></i></a></li>
      <li><a href="#"><i class="fa-solid fa-user"></i></a></li>
    </ul>
  </div>
</div>[/html]

.fornewsfeed {
position: absolute;
  height: 100px;
width: 950px;
display: flex;
  background-color: #fdf9ff;
border-radius: 40px;
top: 30px;
margin-left: -15px;
  justify-content: flex-start;
  align-items: center;
overflow-x: scroll;
}

.fornewsfeed::-webkit-scrollbar {width:1px; height:3px; background-color: #fff;}
.fornewsfeed::-webkit-scrollbar-thumb {background:#fff;}

.fornewsbutton {
  position: relative;
  text-decoration: none;
  padding: 16px 32px;
  color: #5c4f72;
  overflow: hidden;
  border: 2px solid #5c4f72;
flex-shrink: 0;
margin: 5px;
}

.fornewsfeed a {
  color: #5c4f72!important;
font-size: 14px!important;
font-weight: normal!important;
letter-spacing: -0.3px;
}

.fornewsbutton::before{
  content:"";
  position: absolute;
  bottom:2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #5c4f72;
  border-left: 2px solid #5c4f72;
}

.fornewsbutton::after{
   content:"";
  position: absolute;
  top:2px;
  right: 2px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #5c4f72;
  border-right: 2px solid #5c4f72;
}
.fornewsbutton:hover{
  background-color: #5c4f72;
  box-shadow: 0px 0px 20px #5c4f72;
  transition: all 0.3s ease-in-out 0.4s
}

.fornewsfeed a:hover {
  color: #fff!important;
}

.fornewsbutton:hover::before,.fornewsbutton:hover::after{
  width:100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}

[u][u][/u][/u]