@media (hover: none), (pointer: coarse) {
  .navbar-item.has-dropdown.is-hoverable:not(.is-active) > .navbar-dropdown {
    display: none;
  }

  .navbar-item.has-dropdown.is-hoverable.is-active > .navbar-dropdown {
    display: block;
  }

  .navbar-item.has-dropdown > .navbar-link {
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
  }

  .navbar-item.has-dropdown > .navbar-link::after {
    transition: transform 0.2s ease;
  }

  .navbar-item.has-dropdown.is-active > .navbar-link::after {
    transform: rotate(135deg);
  }

  .navbar-item.has-dropdown > .navbar-link {
    position: relative;
    width: 100%;
    padding-right: 2.5rem;
  }

  .navbar-item.has-dropdown > .navbar-link::after {
    left: auto;
    right: 1rem;
  }
}