@dnb/eufemia/es/components/button/style/themes/dnb-button-theme-eiendom--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--10_104_0 .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-left:var(
    --button-tertiary-underline-overflow
  );--button-tertiary-underline-right:var(
    --button-tertiary-underline-overflow
  );--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:calc((var(--button-icon-gutter) + var(--button-icon-size))*-1)}.eufemia-scope--10_104_0 .dnb-button--tertiary .dnb-button__text{position:relative}.eufemia-scope--10_104_0 .dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;position:absolute;right:0;transition:color .25s ease-in-out;width:auto;z-index:1}.eufemia-scope--10_104_0 [data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.eufemia-scope--10_104_0 .dnb-button--tertiary .dnb-button__text:after{left:var(--button-tertiary-underline-left);right:var(--button-tertiary-underline-right)}.eufemia-scope--10_104_0 .dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-text{--button-padding-left:0;--button-padding-right:0;--button-icon-margin-top:calc((var(--button-height) - var(--button-icon-size))/2)}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
    --button-tertiary-focus-overflow--icon-top
  );--button-tertiary-focus-right:var(
    --button-tertiary-focus-overflow--icon-top
  );border-radius:.5rem;flex-direction:column;vertical-align:middle}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{--button-icon-margin-top:0.5rem}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-size-large,.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-size-medium{--button-tertiary-underline-overflow--icon:var(
    --button-tertiary-underline-overflow
  )}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left{--button-tertiary-focus-right:-1rem;--button-tertiary-underline-left:var(
    --button-tertiary-underline-overflow--icon
  )}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right{--button-tertiary-focus-left:-1rem;--button-tertiary-underline-right:var(
    --button-tertiary-underline-overflow--icon
  )}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text){--button-tertiary-focus-left:0;--button-tertiary-focus-right:0}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.eufemia-scope--10_104_0 .dnb-button--primary{background-color:var(--color-sea-green);color:var(--color-white)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:hover:not([disabled]){--border-color:var(--color-emerald-green);background-color:var(--color-white);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--primary:focus[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:focus[disabled]{cursor:not-allowed}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){background-color:var(--color-white);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--primary:focus:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--primary[disabled]{background-color:var(--color-sea-green-30);color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error{background-color:var(--color-fire-red);color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-button--secondary{--border-color:var(--color-sea-green);background-color:var(--color-white);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--secondary:focus[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:focus[disabled]{cursor:not-allowed}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){background-color:var(--color-white);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--secondary:focus:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--secondary[disabled],.eufemia-scope--10_104_0 .dnb-button--secondary[disabled]:focus{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.eufemia-scope--10_104_0 .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.eufemia-scope--10_104_0 .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon{color:inherit}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){background-color:var(--color-white);color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){background-color:var(--color-mint-green-50)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button):not(.dnb-button--control-before):not(.dnb-button--control-after).dnb-button--size-large{line-height:calc(var(--button-height) - .5rem);width:calc(var(--button-width--large) - .5rem)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after,.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before{border:none;box-shadow:none}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before:hover:not([disabled]){border:none;box-shadow:none}.eufemia-scope--10_104_0 .dnb-button--active{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-button--tertiary{background-color:transparent;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:hover:not([disabled]){color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]){color:var(--color-sea-green)}html[data-whatintent=touch] .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.eufemia-scope--10_104_0 .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.eufemia-scope--10_104_0 .dnb-button--tertiary[disabled]{color:var(--color-sea-green-30)}.eufemia-scope--10_104_0 .dnb-button:not([disabled]).dnb-button--tertiary.dnb-button__status--error{color:var(--color-fire-red)}.eufemia-scope--10_104_0 .dnb-button--signal{background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:hover:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 html[data-whatintent=touch] .dnb-button--signal:active[disabled],html[data-whatintent=touch] .eufemia-scope--10_104_0 .dnb-button--signal:active[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]),html[data-whatintent=touch] .eufemia-scope--10_104_0 .dnb-button--signal:active:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.eufemia-scope--10_104_0 .dnb-button--signal:focus[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:focus[disabled]{cursor:not-allowed}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}.eufemia-scope--10_104_0 .dnb-button--signal:focus:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_104_0 html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-button--signal:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:active[disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-button--signal:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--signal:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.eufemia-scope--10_104_0 .dnb-button--signal[disabled]{background-color:var(--color-accent-yellow-30);color:var(--color-black-20)}.eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]){background-color:transparent;box-shadow:none}.eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):after{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:var(--input-border-width)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{color:var(--color-white)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible:after,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover:after{background-color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{box-shadow:none}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active{color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active,html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{bottom:var(--input-border-width);top:var(--input-border-width)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{--border-color:var(--color-black-55);--border-width:var(--input-border-width);background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.eufemia-scope--10_104_0 .dnb-button--primary{background-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:hover:not([disabled]){--border-color:var(--color-sea-green);--border-width:0.125rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:active[disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--primary:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-button--primary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-black-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.eufemia-scope--10_104_0 .dnb-button--secondary{--border-color:var(--color-emerald-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:active[disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--secondary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active[disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--tertiary{color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:hover:not([disabled]){color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:active:not([disabled]){color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_104_0 .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-button--tertiary[disabled]{color:var(--color-black-55)}