.dxp-button{--button-min-height:2.75rem;--button-icon-size:1rem;--button-width:var(--inline-button-width,auto);--button-filled-background-color:var(--inline-button-filled-background-color,var(--dxp-color-brand-primary));--button-border:var(--dxp-line-width) var(--dxp-line-style) var(--button-filled-background-color);--button-border-radius:var(--inline-button-border-radius,var(--dxp-style-radius-2xl));--button-label-color:var(--inline-button-label-color,var(--dxp-color-foreground-primary));--button-filled-label-color:var(--inline-button-label-color,var(--dxp-color-background-primary));--button-elevated-label-color:var(--inline-button-label-color,var(--dxp-black-color));--button-elevated-border-color:var(--dxp-shade-900,#cbcddf);--button-hover-color:var(--inline-button-hover-color,color-mix(in srgb,var(--button-filled-background-color) 50%,#000 25%));--button-disabled-background-color:var(--dxp-shade-900);--button-disabled-label-color:var(--dxp-white-color);--button-disabled-cursor:not-allowed;--button-padding-vertical:var(--dxp-spacing-1);--button-padding-horizontal:var(--dxp-spacing-2);--button-text-transform:none;--button-text-decoration:none;--button-text-hover-decoration:none;--button-font:var(--dxp-font-body-secondary);--button-letter-spacing:var(--dxp-letter-spacing-wide);--button-outline-width:var(--dxp-outline-width);--button-outline-offset:var(--dxp-outline-offset);--button-brand-focus:var(--dxp-color-brand-focus);align-items:center;appearance:none;border:var(--button-border);border-radius:var(--button-border-radius);color:var(--button-label-color);cursor:pointer;display:inline-flex;flex-shrink:0;font:var(--button-font);gap:.5rem;justify-content:center;letter-spacing:var(--button-letter-spacing);margin-left:0;margin-right:0;min-height:var(--button-min-height);overflow:hidden;padding:var(--button-padding-vertical) var(--button-padding-horizontal);position:relative;text-align:center;text-transform:var(--button-text-transform);transition:background-color .3s,color .3s,border-color .3s,opacity .3s,box-shadow .3s ease;width:var(--button-width)}.dxp-button:hover{text-decoration:none}.dxp-button [disabled],.dxp-button.disabled{--icon-color:var(--button-disabled-label-color);background-color:var(--button-disabled-background-color);color:var(--button-disabled-label-color);cursor:var(--button-disabled-cursor)}.dxp-button.color--primary{--button-filled-background-color:var(--dxp-color-brand-primary)}.dxp-button.color--secondary{--button-filled-background-color:var(--dxp-color-brand-secondary)}.dxp-button.color--tertiary{--button-filled-background-color:var(--dxp-color-brand-tertiary)}.dxp-button__icon{--icon-size:var(--button-icon-size);align-items:center;display:flex;flex-shrink:0;justify-content:center}.dxp-button__icon svg{height:var(--button-icon-size);min-height:var(--dxp-spacing-2);min-width:var(--dxp-spacing-2);width:var(--button-icon-size)}.dxp-button__label{padding-left:.5rem;padding-right:.5rem}.dxp-button__label.dxp-button__icon-left{padding-left:0}.dxp-button__label.dxp-button__icon-right{padding-right:0}.dxp-button--text{--icon-color:var(--button-filled-background-color);background-color:transparent;border:none;color:var(--button-filled-background-color);padding-block:var(--button-padding-vertical);padding-inline:0}.dxp-button--text:hover{--icon-color:var(--button-hover-color);color:var(--button-hover-color)}.dxp-button--text:hover .dxp-button__label{--button-text-hover-decoration:underline;color:var(--button-hover-color);-webkit-text-decoration:var(--button-text-hover-decoration);text-decoration:var(--button-text-hover-decoration)}.dxp-button--text .dxp-button__label{padding-left:0;padding-right:0}.dxp-button--text .dxp-button__icon svg.dxp-icon{min-height:var(--dxp-spacing-2)}.dxp-button--text:focus-visible{--icon-color:var(--button-hover-color);color:var(--button-hover-color);outline:var(--button-outline-width) solid var(--button-brand-focus);outline-offset:var(--button-outline-offset)}.dxp-button--text:active{--icon-color:var(--button-filled-background-color);color:var(--button-filled-background-color)}.dxp-button--text [disabled],.dxp-button--text.disabled{--icon-color:var(--dxp-black-color)!important;background-color:transparent!important;color:var(--dxp-black-color)!important;opacity:.4}.dxp-button--filled{--icon-color:var(--button-filled-label-color);background-color:var(--button-filled-background-color);border:none;color:var(--button-filled-label-color)}.dxp-button--filled:hover{background-color:var(--button-hover-color)}.dxp-button--filled:focus-visible{outline:var(--button-outline-width) solid var(--button-brand-focus);outline-offset:var(--button-outline-offset)}.dxp-button--filled [disabled],.dxp-button--filled.disabled{background-color:var(--button-disabled-background-color)!important}.dxp-button--outlined{--icon-color:var(--button-filled-background-color);background-color:transparent;border-color:var(--button-elevated-border-color);color:var(--button-filled-background-color)}.dxp-button--outlined:hover{--icon-color:var(--button-hover-color);border-color:var(--button-hover-color);color:var(--button-hover-color)}.dxp-button--outlined:focus-visible{border-color:transparent;outline:var(--button-outline-width) solid var(--button-brand-focus);outline-offset:var(--button-outline-offset)}.dxp-button--outlined:active{--icon-color:var(--button-filled-background-color);border-color:#cbcddf;color:var(--button-filled-background-color)}.dxp-button--outlined [disabled],.dxp-button--outlined.disabled{--icon-color:var(--button-disabled-label-color)!important;background-color:var(--button-disabled-background-color)!important;border-color:transparent!important;color:var(--button-disabled-label-color)!important}.dxp-button--elevated{--icon-color:var(--button-filled-background-color);background-color:#fff;border:none;box-shadow:0 .0625rem .1875rem .0625rem rgba(0,0,0,.15),0 .0625rem .125rem 0 rgba(0,0,0,.3);color:var(--button-filled-background-color)}.dxp-button--elevated:hover{--icon-color:var(--button-hover-color);box-shadow:0 .125rem .375rem .125rem rgba(0,0,0,.15),0 .0625rem .125rem 0 rgba(0,0,0,.3);color:var(--button-hover-color)}.dxp-button--elevated:focus-visible{box-shadow:none;outline:var(--button-outline-width) solid var(--button-brand-focus);outline-offset:var(--button-outline-offset)}.dxp-button--elevated:active{--icon-color:var(--button-filled-background-color);box-shadow:0 0 0 0 rgba(0,0,0,.15),0 0 0 0 rgba(0,0,0,.15);color:var(--button-filled-background-color)}.dxp-button--elevated [disabled],.dxp-button--elevated.disabled{--icon-color:var(--button-disabled-label-color)!important;background-color:var(--button-disabled-background-color)!important;box-shadow:0 0 0 0 rgba(0,0,0,.15),0 0 0 0 rgba(0,0,0,.15)!important;color:var(--button-disabled-label-color)!important}.dxp-button--tonal{--icon-color:var(--dxp-black-color);background-color:color-mix(in sRGB,var(--button-filled-background-color) 50%,var(--button-filled-label-color) 50%);border:none;color:var(--dxp-black-color)}.dxp-button--tonal:hover{--icon-color:var(--button-hover-color);background-color:color-mix(in sRGB,var(--button-filled-background-color) 30%,var(--button-filled-label-color) 70%);color:var(--button-hover-color)}.dxp-button--tonal:focus-visible{box-shadow:none;outline:var(--button-outline-width) solid var(--button-brand-focus);outline-offset:var(--button-outline-offset)}.dxp-button--tonal:active{background-color:color-mix(in sRGB,var(--button-filled-background-color) 25%,var(--button-filled-label-color) 75%)}.dxp-button--tonal [disabled],.dxp-button--tonal.disabled{--icon-color:var(--button-disabled-label-color)!important;background-color:var(--button-disabled-background-color)!important;color:var(--button-disabled-label-color)!important}