@atlaskit/button/dist/es2019/new-button/variants/shared/button-base.compiled.css

A button triggers an event or action. They let users know what will happen next.

._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._14mj1kw7:after{border-radius:inherit}
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
._9v7aze3t:after{inset:var(--ds-space-0,0)}
._v5649dqc{transition:background .1s ease-out}
._189eidpf{border-width:0}
._1rjc12x7{padding-block:var(--ds-space-075,6px)}
._1rjcv77o{padding-block:var(--ds-space-025,2px)}
._1tv3nqa1:after{border-style:solid}
._39yqe4h9:after{border-width:var(--ds-border-width,1px)}
._8l3m1l7x:after{border-color:var(--ds-border,#0b120e24)}
._8l3mbk0g:after{border-color:var(--ds-border-disabled,#0515240f)}
._8l3mcoux:after{border-color:var(--ds-border-selected,#0052cc)}
._11fnglyw:after{pointer-events:none}
._152tze3t{inset-block-start:var(--ds-space-0,0)}
._18m915vq{overflow-y:hidden}
._18postnw:after{position:absolute}
._1bah1h6o{justify-content:center}
._1bsb1k8s{width:1.5rem}
._1bsb1osq{width:100%}
._1bsb1tcg{width:24px}
._1bsb1wug{width:auto}
._1bsbviql{width:2rem}
._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
._1e0c116y{display:inline-flex}
._1e0c1txw{display:flex}
._1hmsglyw{text-decoration-line:none}
._1o9zidpf{flex-shrink:0}
._1pbycs5v{z-index:2}
._1reo15vq{overflow-x:hidden}
._4bfu1r31{text-decoration-color:currentColor}
._4cvr1h6o{align-items:center}
._4cvr1q9y{align-items:baseline}
._4t3i1k8s{height:1.5rem}
._4t3iviql{height:2rem}
._80om13gf{cursor:not-allowed}
._80om15jw{cursor:progress}
._aetrb3bt:after{content:""}
._ajmmnqa1{text-decoration-style:solid}
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
._bfhk1fvb{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
._bfhk1g49{background-color:var(--ds-background-selected,#403294)}
._bfhk1ikc{background-color:var(--ds-background-warning-bold,#ffab00)}
._bfhk1j28{background-color:transparent}
._bfhk1v7l{background-color:var(--ds-background-danger-bold,#de350b)}
._bfhk1vbi{background-color:var(--ds-background-discovery-bold,#5243aa)}
._bfhkbeib{background-color:var(--ds-background-selected,#bf2600)}
._bfhkomb0{background-color:var(--ds-background-brand-bold,#0052cc)}
._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
._bfhkvdtc{background-color:var(--ds-background-selected,#ff991f)}
._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
._bozgutpp{padding-inline-start:var(--ds-space-150,9pt)}
._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
._gy1p12x7{column-gap:var(--ds-space-075,6px)}
._gy1p1b66{column-gap:var(--ds-space-050,4px)}
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
._kqswh2mm{position:relative}
._kqswstnw{position:absolute}
._p12f1osq{max-width:100%}
._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
._s7n4nkob{vertical-align:middle}
._syaz15cr{color:var(--ds-text-inverse,#fff)}
._syaz16q2{color:var(--ds-text-selected,#172b4d)}
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
._syaz1pke{color:var(--ds-text-selected,#f4f5f7)}
._syazal3n{color:var(--ds-text-warning-inverse,#172b4d)}
._syazazsu{color:var(--ds-text-subtle,#505258)}
._u7coze3t{inset-block-end:var(--ds-space-0,0)}
._vchhusvi{box-sizing:border-box}
._y3gn1h6o{text-align:center}
._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
._y4tiutpp{padding-inline-end:var(--ds-space-150,9pt)}
._y4tize3t{padding-inline-end:var(--ds-space-0,0)}._105315cr:visited{color:var(--ds-text-inverse,#fff)}
._10531ldt:visited{color:var(--ds-text-selected,#0052cc)}
._1053al3n:visited{color:var(--ds-text-warning-inverse,#172b4d)}
._1053azsu:visited{color:var(--ds-text-subtle,#505258)}
._1a3b1r31:focus{text-decoration-color:currentColor}
._4fprglyw:focus{text-decoration-line:none}
._5goinqa1:focus{text-decoration-style:solid}
._f8pj15cr:focus{color:var(--ds-text-inverse,#fff)}
._f8pj1ldt:focus{color:var(--ds-text-selected,#0052cc)}
._f8pjal3n:focus{color:var(--ds-text-warning-inverse,#172b4d)}
._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)}
._g0pbb4wl:focus-visible{z-index:100}
._1bnxglyw:hover{text-decoration-line:none}
._30l315cr:hover{color:var(--ds-text-inverse,#fff)}
._30l31gmx:hover{color:var(--ds-text-disabled,#080f214a)}
._30l31ldt:hover{color:var(--ds-text-selected,#0052cc)}
._30l31pke:hover{color:var(--ds-text-selected,#f4f5f7)}
._30l3al3n:hover{color:var(--ds-text-warning-inverse,#172b4d)}
._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
._9oik1r31:hover{text-decoration-color:currentColor}
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
._irr31fvb:hover{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
._irr31g49:hover{background-color:var(--ds-background-selected,#403294)}
._irr31j28:hover{background-color:transparent}
._irr31j43:hover{background-color:var(--ds-background-warning-bold-hovered,#ffc400)}
._irr31rwk:hover{background-color:var(--ds-background-danger-bold-hovered,#ff5630)}
._irr31wqm:hover{background-color:var(--ds-background-brand-bold-hovered,#0065ff)}
._irr34mfv:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e4214)}
._irr37gr8:hover{background-color:var(--ds-background-discovery-bold-hovered,#8777d9)}
._irr3beib:hover{background-color:var(--ds-background-selected,#bf2600)}
._irr3t71w:hover{background-color:var(--ds-background-selected-hovered,#253858)}
._irr3vdtc:hover{background-color:var(--ds-background-selected,#ff991f)}
._jf4cnqa1:hover{text-decoration-style:solid}
._1di617hq:active{background-color:var(--ds-background-brand-bold-pressed,#0747a6)}
._1di619qy:active{background-color:var(--ds-background-neutral-subtle-pressed,#b3d4ff)}
._1di61fvb:active{background-color:var(--ds-background-disabled,rgba(9,30,66,.04))}
._1di61g49:active{background-color:var(--ds-background-selected,#403294)}
._1di61j28:active{background-color:transparent}
._1di61wu2:active{background-color:var(--ds-background-discovery-bold-pressed,#5243aa)}
._1di6beib:active{background-color:var(--ds-background-selected,#bf2600)}
._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
._1di6h4op:active{background-color:var(--ds-background-warning-bold-pressed,#ff991f)}
._1di6vdtc:active{background-color:var(--ds-background-selected,#ff991f)}
._1di6yssv:active{background-color:var(--ds-background-selected-pressed,#253858)}
._1di6yycf:active{background-color:var(--ds-background-danger-bold-pressed,#bf2600)}
._1iohnqa1:active{text-decoration-style:solid}
._1nrm1r31:active{text-decoration-color:currentColor}
._9h8h15cr:active{color:var(--ds-text-inverse,#fff)}
._9h8h1gmx:active{color:var(--ds-text-disabled,#080f214a)}
._9h8h1ldt:active{color:var(--ds-text-selected,#0052cc)}
._9h8h1pke:active{color:var(--ds-text-selected,#f4f5f7)}
._9h8hal3n:active{color:var(--ds-text-warning-inverse,#172b4d)}
._9h8hazsu:active{color:var(--ds-text-subtle,#505258)}
._c2waglyw:active{text-decoration-line:none}