ul#stars {
    list-style-type:none;
    padding:0;
    
    -moz-user-select:none;
    -webkit-user-select:none;
  }
  ul#stars li.star {
    display:inline-block;
    
  }
  
  /* Idle State of the stars */
  ul#stars > li.star > i.fa {
    font-size:1.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
  }
  
  /* Hover state of the stars */
  ul#stars > li.star.hover > i.fa {
    color:#FFCC36;
  }
  
  /* Selected state of the stars */
  ul#stars > li.star.selected > i.fa {
    color:#FF912C;
  }
  
  <!--social media-->
  .socialContainer {
                  width:900px
              }
              .socialContainer a, .socialContainer span{
                  display:inline-block !important; padding:7px 10px; margin:7px; border-radius:5px; text-decoration:none; font-weight:bold; color:#fff;
              }
              .socialContainer .fb{
                  background:#3578E5;
              }
              .socialContainer .tt{
                  background:#1da1f2;
              }
              .socialContainer .pt{
                  background:#e60023;
              }
              .socialContainer .ld{
                  background:#0073b1;
              }
              .socialContainer .rd{
                  background:#ff4500;
              }
              .socialContainer .tb{
                  background:#333;
              }
              .socialContainer .w{
                  background:#25D366;
              }