/* Crane Partner – standard kontaktknapp */
.btn-kontakt.kontakt-elfsight,
button.btn-kontakt,
a.btn-kontakt {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;

  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 15px !important;

  border: 1px solid #173a6a !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #173a6a !important;

  font: inherit !important;
  font-size: .92rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;

  box-shadow: 0 1px 2px rgba(20, 35, 55, .08) !important;
  cursor: pointer !important;
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease,
    transform .15s ease !important;
}

/* Gamle konvolutt-/Font Awesome-ikoner gjør knappen unødvendig tung */
.btn-kontakt.kontakt-elfsight i,
button.btn-kontakt i,
a.btn-kontakt i {
  display: none !important;
}

.btn-kontakt.kontakt-elfsight:hover,
button.btn-kontakt:hover,
a.btn-kontakt:hover {
  border-color: #173a6a !important;
  background: #173a6a !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(20, 35, 55, .13) !important;
  transform: translateY(-1px);
}

.btn-kontakt.kontakt-elfsight:focus-visible,
button.btn-kontakt:focus-visible,
a.btn-kontakt:focus-visible {
  outline: 3px solid rgba(23, 58, 106, .18) !important;
  outline-offset: 2px !important;
}

/* På mørke CTA-felt: ren hvit knapp */
.jernvare-cta .btn-kontakt,
.heavy-cta .btn-kontakt,
.silverstone-cta .btn-kontakt,
.kraner-cta .btn-kontakt,
.klyper-cta .btn-kontakt,
.taljer-cta .btn-kontakt,
.lofteaak-cta .btn-kontakt {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: #173a6a !important;
  box-shadow: none !important;
}

.jernvare-cta .btn-kontakt:hover,
.heavy-cta .btn-kontakt:hover,
.silverstone-cta .btn-kontakt:hover,
.kraner-cta .btn-kontakt:hover,
.klyper-cta .btn-kontakt:hover,
.taljer-cta .btn-kontakt:hover,
.lofteaak-cta .btn-kontakt:hover {
  border-color: #edf3f8 !important;
  background: #edf3f8 !important;
  color: #173a6a !important;
  box-shadow: none !important;
}

@media (max-width: 520px) {
  .btn-kontakt.kontakt-elfsight,
  button.btn-kontakt,
  a.btn-kontakt {
    max-width: 100% !important;
  }
}