/*
 * VippsWalletButton component
 *
 */

.dnb-vipps-wallet-button.dnb-button--primary {
  &,
  &.dnb-button--surface-dark {
    --vipps-primary-color: #ff5b24;
    --vipps-primary-color--active: #eb5320;

    // Background
    --button-color-bg--default: var(--vipps-primary-color);
    --button-color-bg--hover: var(--vipps-primary-color);
    --button-color-bg--active: var(--vipps-primary-color--active);

    // Border
    --button-color-border--hover: var(--vipps-primary-color);

    // Text
    --button-color-text--default: var(--color-white);

    font-weight: var(--font-weight-medium);

    svg {
      padding-left: 0.125rem;

      path {
        fill: currentcolor;
      }
    }
  }
}