.rider-settings-shortcut {
  display: grid !important;
  place-items: center;
  width: 42px !important;
  height: 42px !important;
  padding: 9px !important;
  border: 1px solid #ffffff2e !important;
  border-radius: 50% !important;
  background: #ffffff12 !important;
  color: #fff !important;
}

.rider-settings-shortcut svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 800px) {
  .rider-home-header > div { gap: 7px; }
  .rider-bottom-nav { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .rider-bottom-nav button {
    min-width: 0;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .rider-bottom-nav button span { font-size: 9px !important; }
}