@layer components {
  .dropdown-menu {
    border: var(--av-btn-border-width, 2px) solid rgba(34, 36, 52, 0.15) !important;
    border-radius: var(--av-btn-radius);
    box-shadow: var(--av-btn-shadow);
    padding: 0.35rem 0;
    background: #fff;
    min-width: 9rem;
  }

  .dropdown-menu.show {
    box-shadow: var(--av-btn-shadow-hover);
  }

  .dropdown-item {
    padding: 0.35rem 0.9rem;
    color: #222434;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    background: linear-gradient(90deg, rgba(53, 171, 178, 0.12), rgba(53, 171, 178, 0.24));
    color: #222434;
    font-weight: 600;
  }
}