.mobileBoardButtons {
  text-align: center;
  margin: 10px 0;
}

.mobileBoardButtons button {
  margin: 0 2px;
  text-transform: capitalize;
}

.mobileBoardButtons a, .desktopBoardButtons a {
  all: unset;
}

.showBlockedButton {
  color: var(--button-desktop-text-color);
}

.showBlockedButton:hover {
  color: var(--button-desktop-text-color-hover);
  cursor: pointer;
}

.mobileBoardButtons .options {
  padding: 10px 0;
}

.desktopBoardButtons {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Ensure elements are spaced out properly */
}

.desktopBoardButtons::after {
  content: "";
  display: table;
  clear: both;
}

.desktopBoardButtons .rightSideButtons {
  margin-left: auto; /* Push the right-side buttons to the right */
  display: flex;
  align-items: center;
}

.desktopBoardButtons .rightSideButtons select {
  margin-right: 5px;
}

@media (max-width: 640px) {
  .desktopBoardButtons {
    display: none;
  }
}

@media (min-width: 640px) {
  .mobileBoardButtons {
    display: none;
  }
}