@media screen and (max-width: 768px) {
  .dropdown.btn-ghost {
    border: none;
  }

  .drawer__content .tabs__list {
    display: flex;
    flex-direction: var(--flex-direction-col);
    gap: var(--spacing-md);
    padding: var(--spacing-12) 0 0 0;
  }

  .drawer__content .tabs__button {
    justify-content: var(--justify-start);
    gap: var(--gap-md);
    border: none;
    padding: var(--spacing-2) var(--spacing-4);
    border-radius: var(--radius-sm);
    height: 32px !important;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s, color 0.2s;
  }

  .drawer__content .tabs__button i{
    margin-bottom: -2px;
  }

  .drawer__content .tabs__button:hover {
    background-color: var(--primary-100);
  }

  .drawer__content .tabs__button.active .tab_label, .tabs__button.active i{
    text-align: center;
    color: var(--gray-25);
    font-weight: var(--font-weight-bold);
  }

  .drawer__content .tabs__button.active {
    background-color: var(--primary-700);
  }
}