having extra buttons in code

having extra buttons in code

Hey, so I have this CSS code :

  1. button:before {
  2.   /* :before is a "pseudoelement" which lets us put something on the page (before or after an element, in this case, all buttons) using only CSS */
  3.   content: "►";
  4.   /* This has to be inline-block for the transform below to work */
  5.   display: inline-block;
  6.   color:#000;
  7.   font-family:Overpass, Georgia, Arial, Verdana;
  8.   font-size:18px;
  9.   position:relative;
  10.   top:0px;
  11.   left:0px;
  12.   cursor:pointer;
  13.   z-index:9999;
  14.   text-shadow:none;
  15. }
And am having problems with it. The problem is that this code has given me 3 extra buttons which you can see here at the top left. My question is, how can I rid these buttons? I have heard something about scoping which can do this, but am not sure. I'm so new to that.