/* Pantservice — gemensamma knappar för alla sidor. Laddas efter sidans egen CSS så att formen blir densamma överallt.
   Varianter: .lugn (ljusgrön, sekundär) · .gron (grön, bekräfta) · .vit (vit med ram, tyst) · .liten · .stor · .bred (hela bredden) */
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border:0;border-radius:999px;background:#a84f2f;color:#fff;font:inherit;font-weight:800;font-size:1rem;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 4px 14px rgba(168,79,47,.28);transition:background .15s,transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.knapp:hover{background:#8f4226;color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(168,79,47,.32)}
.knapp:active{transform:translateY(0);box-shadow:0 2px 8px rgba(168,79,47,.3)}
.knapp:focus-visible{outline:3px solid #f0c75e;outline-offset:3px}
.knapp:disabled,.knapp[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.knapp svg{width:1.15em;height:1.15em;flex:none}
.knapp.lugn{background:#e8f0ea;color:#2c5140;box-shadow:none;border:0}
.knapp.lugn:hover{background:#d8e6db;color:#2c5140;box-shadow:0 4px 12px rgba(44,81,64,.12)}
.knapp.gron{background:#3d6b52;color:#fff;box-shadow:0 4px 14px rgba(61,107,82,.25)}
.knapp.gron:hover{background:#2c5140;color:#fff}
.knapp.vit,.knapp.gra,.knapp.grå{background:#fff;color:#23211e;border:1.5px solid #e4ded2;box-shadow:none}
.knapp.vit:hover,.knapp.gra:hover,.knapp.grå:hover{background:#fdfbf7;border-color:#3d6b52;color:#2c5140;box-shadow:none}
.knapp.liten{min-height:40px;padding:.5rem 1rem;font-size:.92rem}
.knapp.stor{min-height:56px;padding:1rem 1.6rem;font-size:1.12rem}
.knapp.bred{display:flex;width:100%}
@media (prefers-reduced-motion:reduce){.knapp,.knapp:hover,.knapp:active{transition:none;transform:none}}