/* white you custom css code here. only css code will work */
.footer-social-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .footer-social-icons li {
    float: left;
    margin: 0;
  }
  .footer-social-icons li a {
    position: relative;;
    color: #424242;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    --grid-template-columns: repeat(0, auto);
    --icon-size: 15px;
    --grid-column-gap: 25px;
    --grid-row-gap: 0px;
    background-color: #E6E6E6;
    margin: 10px;
    height: 45px;
    line-height: 40px;
    border-radius: 5px;
  }
  .footer-social-icons li a i {
   font-size: 20px;
  }
  .footer-social-icons li a:hover {
    color: #111111;
  }