.company-button {
  font-size: 0.85em;
  text-decoration: none;
  text-align: center;
  border: 2px solid var(--listing-button-bg, var(--global-palette-btn-bg));
  background: var(--listing-button-bg, var(--global-palette-btn-bg));
  color: var(--listing-button, var(--global-palette-btn));
  padding: 0.4em 1em;
  border-radius: 24rem;
  transition: all 0.2s ease;
  font-weight: 600;
}

.company-button:hover,
.company-button:focus {
  --listing-button-bg: var(--listing-button-bg-hover, var(--global-palette7));
  --listing-button: var(--listing-button-hover, var(--global-palette3));
  border-color: var(--listing-button-bg) !important;
}

.company-button--secondary {
  --listing-button-bg: var(--listing-button-secondary-bg, var(--global-palette5));
  --listing-button: var(--listing-button-secondary, #fff);
}

.company-button--tertiary {
  --listing-button-bg: transparent;
  --listing-button: var(--listing-button-secondary-bg, var(--global-palette5));
  border-color: var(--listing-button) !important;
}

.single-bedrift .company-button {
  font-size: 1.125rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .company-button--small-screens-only {
    display: none;
  }
}

@media (max-width: 767px) {
  .company-button--large-screens-only {
    display: none;
  }
}