/*
-------------------------------------------
wf-buttons.css
-------------------------------------------

  Beskrivning: Stilregler för modulen Knapp
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Knapp (Envision)
------------------------------------------- */

.env-button {
  font-size: var(--wf-font-size-normal);
  line-height: 1.2;
  min-height: unset;
  padding: var(--wf-button-padding);
  text-align: left;
}

.sv-marketplace-sitevision-button .env-button::after {
  background-image: var(--wf-icon-arrow-222);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 1em;
  margin-left: 0.25em;
  margin-top: 0.1em;
  width: 1em;
}

.sv-marketplace-sitevision-button .env-button--primary::after {
  background-image: var(--wf-icon-arrow-fff);
}


/*
-------------------------------------------
Undantag med pil för filer
------------------------------------------- */

.sv-marketplace-sitevision-button .env-button[href$='.pdf']::after,
.sv-edit-mode .sv-marketplace-sitevision-button .env-button[href^='/edit-fileresource/']::after {
  display: none;
}


/*
-------------------------------------------
Undantag för specifika delområden/underwebbar
------------------------------------------- */

/* Solåsen */
.sv-theme-solasen-fridhem .env-button--primary::after {
  background-image: var(--wf-icon-arrow-222);
}

.sv-theme-sommar-i-skeppsbron .env-button {
  font-weight: 600;

  --wf-button-padding: 1em 1.5em;
}


/*
-------------------------------------------
Animeringar
------------------------------------------- */

@media (prefers-reduced-motion: no-preference) {
  .env-button {
    transition: var(--wf-btn-transition);
  }

  .env-button:hover {
    transform: var(--wf-btn-transform);
  }
}
