/* Default button styles. Unlayered rules in the template custom.css take precedence. */
@layer vpmactividades {
  ul.vpm-provider-activities {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    list-style: none;
    padding: 0;
    margin: .65rem 0 1rem;
  }
  .vpm-provider-activities li { min-width: 0; max-width: 100%; margin: 0; }
  .vpm-provider-activities li a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    padding: .5rem .85rem;
    border-radius: 10px;
    background: #b9d93c;
    color: #192310;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .vpm-provider-activities li a:hover { background: #b9d93c; color: #fff; }
  .vpm-provider-activities li a:focus-visible { outline: 1px solid #ccc; outline-offset: 3px; }
}