/*
 * VippsWalletButton component
 *
 */
/*
 * Utilities
 */
.dnb-vipps-wallet-button.dnb-button--primary {
  --vipps-primary-color: #ff5b24;
  --vipps-primary-color--active: #eb5320;
  background-color: var(--vipps-primary-color);
  font-weight: var(--font-weight-medium);
}
.dnb-vipps-wallet-button.dnb-button--primary svg {
  padding-left: 0.125rem;
}
.dnb-vipps-wallet-button.dnb-button--primary svg path {
  fill: var(--color-white);
}
.dnb-vipps-wallet-button.dnb-button--primary:focus[disabled], html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:focus[disabled] {
  cursor: not-allowed;
}
.dnb-vipps-wallet-button.dnb-button--primary:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:focus:not([disabled]) {
  background-color: var(--vipps-primary-color);
  color: var(--color-white);
}
html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:hover:not([disabled]) {
  background-color: var(--vipps-primary-color);
  color: var(--color-white);
  --border-color: var(--vipps-primary-color);
}
.dnb-vipps-wallet-button.dnb-button--primary:active[disabled], html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:active[disabled] {
  cursor: not-allowed;
}
.dnb-vipps-wallet-button.dnb-button--primary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:active:not([disabled]) {
  background-color: var(--vipps-primary-color--active);
}
.dnb-vipps-wallet-button.dnb-button--primary[disabled] {
  background-color: var(--vipps-primary-color);
  color: var(--color-white);
  --border-color: initial;
}