.top-bar button {
    position: absolute;
    right: 10px;
    background-color: transparent;
    color: #B469FF;
    padding: 10px 20px;
    font-size: 17px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  button:hover {
    color: #FFFFFF;
    background-color: transparent;
  }
 
 
/*
  .-. .-')       (`-.   _  .-')    
  \  ( OO )    _(OO  )_( \( -O )   
  ,--. ,--.,--(_/   ,. \,------.   
  |  .'   /\   \   /(__/|   /`. '  
  |      /, \   \ /   / |  /  | |  
  |     ' _) \   '   /, |  |_.' |  
  |  .   \    \     /__)|  .  '.'  
  |  |\   \    \   /    |  |\  \   
  `--' '--'     `-'     `--' '--'  */