.symbol-button {
    outline:none;
    border: none;
    /* border-radius: 50%; */
    background-color: transparent;
    appearance: none;
  }
  .symbol-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }
  .symbol-button:focus-within {
    outline: none;
    border: none;
  }
  .symbol-button:visited {
    outline: none;
    border: none;
  }
  i.primary-symbol {
    color: var(--color);
    border: none;
    outline: none;
  }


  section.scroll-buttons{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: calc(100% - 100px);
 
  }

  section.scroll-buttons > button {
    width: 50px ;
  }