/* A short note next to the action it asks for — set off by a border, not by colour. */
[qcms-mod="cont.luca.notebar"] {
  margin-bottom: clamp(3rem, 7vw, 6rem);

  .bar {
    border: 1px solid color-mix(in srgb, var(--color-line), transparent 65%);
    padding: clamp(1.2rem, 3vw, 2rem);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    text-align: center;
  }

  :is(img, cms-image2) { width: 2.2rem; flex: none }
  p { margin: 0; max-width: 28ch }

  [qcms-name=actions] a {
    display: inline-block;
    white-space: nowrap;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .13em;
    text-decoration: none;
    padding: .9em 1.6em;
    border: 1px solid var(--color);
    border-radius: var(--radius, 0);
    transition: background .2s, color .2s;
  }
  [qcms-name=actions] a:hover { background: var(--color); color: var(--color-bg) }
}