.x-button {
    border-style: solid;
    border-radius: 100px;
    border-color: #9a9a9a;
    border-width: 1px;
    background-color: transparent;
    padding: 10px 32px;
    margin: 1rem 5px;
    color: #9a9a9a;
  }
  .x-button.selected, .x-button:hover {
    color: white;
    border-color: transparent;
    background-image: linear-gradient(to right, #f12f21, #f03149, #f12f49, #f12cd1);
  }

  .x-button:hover {
    opacity: .8;
    transition: all .2s ease-in-out;
  }