.base {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--lib_text_size_small);
  cursor: pointer;
  box-sizing: border-box;
  text-transform: none;
  font-weight: normal;
}
.ellipsis {
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.wrap {
    word-break: break-word;
  word-wrap: break-word;
  display: inline-block;
}

.danger .text,.danger .contained,.danger .outlined{
  --local_btngrp_border_color: var(--lib_danger_btn_border1)
}
.success .text,.success .contained,.success .outlined{
  --local_btngrp_border_color: var(--lib_success_btn_border1)
}
.primary .text,.primary .contained,.primary .outlined{
  --local_btngrp_border_color: var(--lib_primary_btn_border1)
}
.secondary .text,.secondary .contained,.secondary .outlined{
  --local_btngrp_border_color: var(--lib_secondary_btn_border)
}

.horizontal{
  flex-direction: row;
}

.horizontal.gap_none > .outlined:not(:first-of-type){
  margin-left: -1px;
}
.horizontal.gap_none > button:not(:first-of-type){
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.horizontal.gap_none > button:not(:last-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}
.horizontal.gap_none > .outlined:not(:last-of-type):hover {
  border-right-color: var(--local_btngrp_border_color);
}
.horizontal.gap_none > .text:not(:last-of-type){
  border-right-color: var(--local_btngrp_border_color);
}
.horizontal.gap_none > .contained:not(:last-of-type){
  border-right: 1px solid  var(--local_btngrp_border_color);
}
.vertical{
  flex-direction: column;
}

.vertical.gap_none > button:not(:first-of-type){
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.vertical.gap_none > .outlined:not(:first-of-type){
  margin-top: -1px;
}
.vertical.gap_none > button:not(:last-of-type) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vertical.gap_none > .outlined:not(:last-of-type):hover {
  border-top-color: currentColor;
}
.vertical.gap_none > .text:not(:last-of-type){
  border-top-color: var(--local_btngrp_border_color);
}
.vertical.gap_none > .contained:not(:first-of-type){
  border-top: 1px solid  var(--local_btngrp_border_color);
}
.vertical.gap_none > .text:not(:first-child){
  border: 0 solid var(--local_btngrp_border_color);
  border-top-width: 1px;
}
.horizontal.gap_none > .text:not(:last-child){
  border: 0 solid var(--local_btngrp_border_color);
  border-right-width: 1px;
}

.gap_small{
  gap:16px
}
.gap_medium{
  gap: 24px
}
.gap_large{
  gap: 32px
}