/* stylelint-disable */
/* stylelint-enable */
.telia-button {
  border-radius: calc(99.9rem * var(--voca-rem-multiplier));
  font-size: calc(1.6rem * var(--voca-rem-multiplier));
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: calc(1.6rem * var(--voca-rem-multiplier));
  outline: 0;
  padding: calc(1.6rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier));
  position: relative;
  transition: all 150ms ease;
  width: auto;
  /* stylelint-disable  selector-max-class, max-nesting-depth */
  /* stylelint-enable  selector-max-class, max-nesting-depth */
  /* stylelint-disable selector-no-qualifying-type*/
}
@media screen and (min-width: 37.5em) {
  .telia-button {
    width: auto;
  }
}
.telia-button:focus {
  /* stylelint-disable  selector-max-pseudo-class */
  /* stylelint-enable  selector-max-pseudo-class */
}
.telia-button:focus::before {
  border-radius: calc(99.9rem * var(--voca-rem-multiplier));
  box-shadow: 0 0 0 calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;
  bottom: calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));
  content: "";
  display: block;
  left: calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));
  position: absolute;
  right: calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));
  top: calc(-1 * calc(0.4rem * var(--voca-rem-multiplier)));
}
.telia-button:focus:not(:focus-visible)::before {
  box-shadow: none;
}
.telia-button:disabled {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0 solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
}
.telia-button--primary {
  background-color: #29003e;
  border: 0 solid #29003e;
  color: #ffffff;
}
.telia-button--primary:hover:not([disabled]) {
  background-color: #5e0092;
  color: #ffffff;
}
.telia-button--primary:active:not([disabled]) {
  background-color: #7800b4;
  color: #ffffff;
}
.telia-button--secondary {
  background-color: transparent;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;
  color: #29003e;
}
.telia-button--secondary:hover:not([disabled]) {
  background-color: #29003e;
  color: #ffffff;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #29003e;
}
.telia-button--secondary:active:not([disabled]) {
  background-color: #5e0092;
  color: #ffffff;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #5e0092;
}
.telia-button--secondary:disabled {
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid transparent;
}
.telia-button--expressive {
  background-color: #990ae3;
  border: 0 solid #990ae3;
  color: #ffffff;
}
.telia-button--expressive:hover:not([disabled]) {
  background-color: #7800b4;
}
.telia-button--expressive:active:not([disabled]) {
  background-color: #5e0092;
}
.telia-button--destructive {
  background-color: #e4175c;
  border: 0 solid #e4175c;
  color: #ffffff;
}
.telia-button--destructive:hover:not([disabled]) {
  background-color: #be0040;
}
.telia-button--destructive:active:not([disabled]) {
  background-color: #890e37;
}
.telia-button--destructive.telia-button {
  /* stylelint-disable  selector-max-class */
  /* stylelint-enable  selector-max-class */
}
.telia-button--destructive.telia-button.telia-button--icon-only {
  display: none;
}
.telia-button--tertiary-purple {
  background-color: transparent;
  border: 0 solid #ffffff;
  color: #5e0092;
}
.telia-button--tertiary-purple:hover:not([disabled]) {
  background-color: #edc8ff;
  color: #29003e;
}
.telia-button--tertiary-purple:active:not([disabled]) {
  background-color: #de99ff;
  color: #29003e;
}
.telia-button--tertiary-purple:disabled {
  color: rgba(0, 0, 0, 0.4);
  background-color: transparent;
}
.telia-button--text {
  background-color: transparent;
  color: #5e0092;
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  border-radius: 0;
  border: 0;
}
.telia-button--text:hover {
  color: #7800b4;
}
.telia-button--text:active {
  color: #990ae3;
}
.telia-button--text:disabled {
  color: rgba(0, 0, 0, 0.4);
  background-color: transparent;
}
.telia-button--text:focus {
  /* stylelint-disable  selector-max-pseudo-class */
  /* stylelint-enable  selector-max-pseudo-class */
}
.telia-button--text:focus::before {
  border-radius: 0;
}
.telia-button--text.telia-button {
  /* stylelint-disable  selector-max-class, max-nesting-depth */
  /* stylelint-enable  selector-max-class, max-nesting-depth */
}
.telia-button--text.telia-button--lg {
  padding-left: 0;
  padding-right: 0;
}
.telia-button--text.telia-button.telia-button--icon-only {
  padding: calc(1.2rem * var(--voca-rem-multiplier));
}
.telia-button--text.telia-button--md.telia-button--icon-only {
  padding: calc(1.6rem * var(--voca-rem-multiplier));
}
.telia-button--text.telia-button--lg.telia-button--icon-only {
  padding: calc(2rem * var(--voca-rem-multiplier));
}
.telia-button--primary-white {
  background-color: #fbf0ff;
  border: 0 solid #ffffff;
  color: #29003e;
}
.telia-button--primary-white:hover {
  background-color: #edc8ff;
}
.telia-button--primary-white:active {
  background-color: #de99ff;
}
.telia-button--primary-white:disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.telia-button--secondary-white {
  background-color: transparent;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff;
  color: #fbf0ff;
}
.telia-button--secondary-white:hover {
  background-color: #fbf0ff;
  color: #29003e;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #fbf0ff;
}
.telia-button--secondary-white:active {
  background-color: #edc8ff;
  color: #29003e;
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid #edc8ff;
}
.telia-button--secondary-white:disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.1);
}
.telia-button--expressive-white {
  background-color: #990ae3;
  color: #ffffff;
}
.telia-button--expressive-white:hover {
  background-color: #de99ff;
  color: #29003e;
}
.telia-button--expressive-white:active {
  background-color: #edc8ff;
  color: #29003e;
}
.telia-button--expressive-white:disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
  border: 0 solid #ffffff;
}
.telia-button--secondary, .telia-button--secondary-white {
  padding: calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2.4rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button--secondary.telia-button.telia-button--icon-only, .telia-button--secondary-white.telia-button.telia-button--icon-only {
  padding: calc(calc(1.6rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button--secondary.telia-button--sm, .telia-button--secondary-white.telia-button--sm {
  padding: calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button--secondary.telia-button--sm.telia-button--icon-only, .telia-button--secondary-white.telia-button--sm.telia-button--icon-only {
  padding: calc(calc(1.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button--secondary.telia-button--lg, .telia-button--secondary-white.telia-button--lg {
  padding: calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier))) calc(calc(3.2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button--secondary.telia-button--lg.telia-button--icon-only, .telia-button--secondary-white.telia-button--lg.telia-button--icon-only {
  padding: calc(calc(2rem * var(--voca-rem-multiplier)) - calc(0.1rem * var(--voca-rem-multiplier)));
}
.telia-button.telia-button--icon-only {
  padding: calc(1.6rem * var(--voca-rem-multiplier));
}
.telia-button--sm.telia-button--text, .telia-button--md.telia-button--text, .telia-button--lg.telia-button--text {
  padding-left: 0;
  padding-right: 0;
}
.telia-button--sm {
  padding: calc(1.2rem * var(--voca-rem-multiplier)) calc(2rem * var(--voca-rem-multiplier));
}
.telia-button--sm.telia-button--icon-only {
  padding: calc(1.2rem * var(--voca-rem-multiplier));
}
.telia-button--lg {
  padding: calc(2rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier));
}
.telia-button--lg.telia-button--icon-only {
  padding: calc(2rem * var(--voca-rem-multiplier));
}
.telia-button--full-width {
  width: 100%;
}
.telia-button telia-icon[slot=left] {
  margin-right: calc(0.8rem * var(--voca-rem-multiplier));
  pointer-events: none;
}
.telia-button telia-icon[slot=right] {
  margin-left: calc(0.8rem * var(--voca-rem-multiplier));
  pointer-events: none;
}