.at-button__content {
    display: flex;
    flex-direction: column;
}

.at-button__content.at-button__content--center {
    text-align: center;
    align-items: center;
}

.at-button__content.at-button__content--left {
    text-align: left;
    align-items: flex-start;
}

.at-button__content.at-button__content--right {
    text-align: right;
    align-items: flex-end;
}

.at-button__button {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: var(--mbase-spacer);
    line-height: var(--mbase-lnHeight-sm);
}

.at-button__button.at-button__button--btnFilled {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg);
    border-color: var(--mbase-clr-btn-brdr);
}

.at-button__button.at-button__button--btnFilled:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnFilled span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnFilled::after {
    display: none;
}

.at-button__button.at-button__button--btnFilled:hover {
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhost {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
}

.at-button__button.at-button__button--btnGhost:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhost span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnGhost::after {
    display: none;
}

.at-button__button.at-button__button--btnFilledArrowRight {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg);
    border-color: var(--mbase-clr-btn-brdr);
}

.at-button__button.at-button__button--btnFilledArrowRight:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnFilledArrowRight span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnFilledArrowRight::after {
    display: none;
}

.at-button__button.at-button__button--btnFilledArrowRight:hover {
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnFilledArrowRight::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e004";
}

.at-button__button.at-button__button--btnFilledArrowRight::after {
    transition: margin 0.25s ease-in-out;
    display: inline-block;
    margin-left: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--btnFilledArrowRight:hover::after {
    margin-left: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--btnGhostArrowRight {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
}

.at-button__button.at-button__button--btnGhostArrowRight:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhostArrowRight span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnGhostArrowRight::after {
    display: none;
}

.at-button__button.at-button__button--btnGhostArrowRight::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e004";
}

.at-button__button.at-button__button--btnGhostArrowRight::after {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-left: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--btnGhostArrowRight:hover::after {
    margin-left: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--btnGhostArrowLeft {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    position: relative;
    padding-left: var(--mbase-spacer-lg);
    padding-right: var(--mbase-spacer-md);
}

.at-button__button.at-button__button--btnGhostArrowLeft:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhostArrowLeft span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnGhostArrowLeft::after {
    display: none;
}

.at-button__button.at-button__button--btnGhostArrowLeft::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e003";
}

.at-button__button.at-button__button--btnGhostArrowLeft::before {
    transition: left 0.25s ease-in-out;
    display: inline-block;
    position: absolute;
    left: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--btnGhostArrowLeft:hover::before {
    left: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--btnSmallFilled {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg);
    border-color: var(--mbase-clr-btn-brdr);
    font-size: var(--mbase-txtSize-7);
    height: var(--mbase-btn-sm-height);
    border-radius: var(--mbase-btn-brdr-radius-sm);
}

.at-button__button.at-button__button--btnSmallFilled:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnSmallFilled span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnSmallFilled::after {
    display: none;
}

.at-button__button.at-button__button--btnSmallFilled:hover {
    color: var(--mbase-clr-btn-textcolor);
    background-color: var(--mbase-clr-btn-bg-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhostSmall {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    font-size: var(--mbase-txtSize-7);
    height: var(--mbase-btn-sm-height);
    border-radius: var(--mbase-btn-brdr-radius-sm);
}

.at-button__button.at-button__button--btnGhostSmall:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhostSmall span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnGhostSmall::after {
    display: none;
}

.at-button__button.at-button__button--btnGhostSmallArrowRight {
    transition: all 0.25s ease-in-out;
    border: 1px solid var(--mbase-clr-btn-brdr-80);
    background-color: transparent;
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    font-size: var(--mbase-txtSize-7);
    height: var(--mbase-btn-sm-height);
    border-radius: var(--mbase-btn-brdr-radius-sm);
}

.at-button__button.at-button__button--btnGhostSmallArrowRight:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--btnGhostSmallArrowRight span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--btnGhostSmallArrowRight::after {
    display: none;
}

.at-button__button.at-button__button--btnGhostSmallArrowRight::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e004";
}

.at-button__button.at-button__button--btnGhostSmallArrowRight::after {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-left: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--btnGhostSmallArrowRight:hover::after {
    margin-left: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--txtLink {
    transition: all 0.25s ease-in-out;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    border: 0 !important;
}

.at-button__button.at-button__button--txtLink:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--txtLink span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--txtLink::after {
    display: none;
}

.at-button__button.at-button__button--txtLink:hover {
    background-color: transparent;
    border-color: transparent;
}

.at-button__button.at-button__button--txtLink:hover {
    text-decoration: underline;
}

.at-button__button.at-button__button--txtLinkArrowRight {
    transition: all 0.25s ease-in-out;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    border: 0 !important;
}

.at-button__button.at-button__button--txtLinkArrowRight:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--txtLinkArrowRight span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--txtLinkArrowRight::after {
    display: none;
}

.at-button__button.at-button__button--txtLinkArrowRight:hover {
    background-color: transparent;
    border-color: transparent;
}

.at-button__button.at-button__button--txtLinkArrowRight::after {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e004";
}

.at-button__button.at-button__button--txtLinkArrowRight::after {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-left: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--txtLinkArrowRight:hover::after {
    margin-left: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--txtLinkArrowLeft {
    transition: all 0.25s ease-in-out;
    height: var(--mbase-btn-default-height);
    border-radius: var(--mbase-btn-brdr-radius);
    font-weight: var(--mbase-txt-semibold);
    font-family: var(--mbase-fam-regular);
    font-size: var(--mbase-txtSize-6);
    color: var(--mbase-clr-link);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--mbase-spacer-reg);
    line-height: var(--mbase-lnHeight-xxs);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    padding: 0;
    border: 0 !important;
}

.at-button__button.at-button__button--txtLinkArrowLeft:hover {
    color: var(--mbase-clr-link-hover);
    border-color: var(--mbase-clr-btn-brdr-hover);
}

.at-button__button.at-button__button--txtLinkArrowLeft span {
    line-height: var(--mbase-lnHeight-xxs);
}

.at-button__button.at-button__button--txtLinkArrowLeft::after {
    display: none;
}

.at-button__button.at-button__button--txtLinkArrowLeft:hover {
    background-color: transparent;
    border-color: transparent;
}

.at-button__button.at-button__button--txtLinkArrowLeft::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e003";
}

.at-button__button.at-button__button--txtLinkArrowLeft::before {
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-right: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--txtLinkArrowLeft:hover::before {
    margin-right: var(--mbase-spacer-sm);
}

.at-button__button.at-button__button--clr-theme {
    border-color: var(--mbase-clr-btn-brdr-80);
    color: var(--mbase-clr-link);
}

.at-button__button.at-button__button--clr1 {
    border-color: var(--mbase-clr-primary);
    color: var(--mbase-clr-primary);
}

.at-button__button.at-button__button--clr2 {
    border-color: var(--mbase-clr-secondary);
    color: var(--mbase-clr-secondary);
}

.at-button__button.at-button__button--clr3 {
    border-color: var(--mbase-clr-tertiary);
    color: var(--mbase-clr-tertiary);
}

.at-button__button.at-button__button--clr4 {
    border-color: var(--mbase-clr-quaternary);
    color: var(--mbase-clr-quaternary);
}

.at-button__button.at-button__button--clr5 {
    border-color: var(--mbase-clr-quinary);
    color: var(--mbase-clr-quinary);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr-theme,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr-theme,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr-theme {
    background-color: var(--mbase-clr-btn-bg);
    border-color: var(--mbase-clr-btn-brdr);
    color: var(--mbase-clr-btn-textcolor);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr-theme:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr-theme:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr-theme:hover {
    border-color: var(--mbase-clr-btn-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button---clr1,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button---clr1,
.at-button__button.at-button__button--btnSmallFilled.at-button__button---clr1 {
    background-color: var(--mbase-clr-primary);
    color: var(--mbase-clr-primary-textcolor);
    border-color: var(--mbase-clr1-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button---clr1:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button---clr1:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button---clr1:hover {
    background-color: #00325b;
    border-color: #00325b;
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr2,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr2,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr2 {
    background-color: var(--mbase-clr-secondary);
    color: var(--mbase-clr-secondary-textcolor);
    border-color: var(--mbase-clr2-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr2:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr2:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr2:hover {
    background-color: #f26310;
    border-color: #f26310;
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr3,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr3,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr3 {
    background-color: var(--mbase-clr-tertiary);
    color: var(--mbase-clr-tertiary-textcolor);
    border-color: var(--mbase-clr3-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr3:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr3:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr3:hover {
    background-color: #0badcd;
    border-color: #0badcd;
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr4,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr4,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr4 {
    background-color: var(--mbase-clr-quaternary);
    color: var(--mbase-clr-quaternary-textcolor);
    border-color: var(--mbase-clr4-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr4:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr4:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr4:hover {
    background-color: #79b598;
    border-color: #79b598;
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr5,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr5,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr5 {
    background-color: var(--mbase-clr-quinary);
    color: var(--mbase-clr-quinary-textcolor);
    border-color: var(--mbase-clr5-brdr);
}

.at-button__button.at-button__button--btnFilled.at-button__button--clr5:hover,
.at-button__button.at-button__button--btnFilledArrowRight.at-button__button--clr5:hover,
.at-button__button.at-button__button--btnSmallFilled.at-button__button--clr5:hover {
    background-color: #732c72;
    border-color: #732c72;
}

.at-button__content--left .at-button__button {
    margin-left: 0;
}

.at-button__content--right .at-button__button {
    margin-right: 0;
}

.at-button__content--center .at-button__button {
    margin-inline: auto;
}

.at-button__button.at-button__button--hasIcon::before {
    margin-right: var(--mbase-spacer-xs);
}

.at-button__button.at-button__button--hasIcon-account::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e001";
}

.at-button__button.at-button__button--hasIcon-calendar::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e007";
}

.at-button__button.at-button__button--hasIcon-check::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e00a";
}

.at-button__button.at-button__button--hasIcon-company::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e012";
}

.at-button__button.at-button__button--hasIcon-contact::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e013";
}

.at-button__button.at-button__button--hasIcon-download::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e015";
}

.at-button__button.at-button__button--hasIcon-facebook::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e017";
}

.at-button__button.at-button__button--hasIcon-file::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e018";
}

.at-button__button.at-button__button--hasIcon-globe::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e01b";
}

.at-button__button.at-button__button--hasIcon-home::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e01c";
}

.at-button__button.at-button__button--hasIcon-info::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e01d";
}

.at-button__button.at-button__button--hasIcon-instagram::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e01e";
}

.at-button__button.at-button__button--hasIcon-linkedin::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e020";
}

.at-button__button.at-button__button--hasIcon-lock::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e021";
}

.at-button__button.at-button__button--hasIcon-login::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e022";
}

.at-button__button.at-button__button--hasIcon-mail::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e023";
}

.at-button__button.at-button__button--hasIcon-marker::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e024";
}

.at-button__button.at-button__button--hasIcon-pdf::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e027";
}

.at-button__button.at-button__button--hasIcon-phone::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e028";
}

.at-button__button.at-button__button--hasIcon-play::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e029";
}

.at-button__button.at-button__button--hasIcon-plus::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e02b";
}

.at-button__button.at-button__button--hasIcon-plus-circle::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e02a";
}

.at-button__button.at-button__button--hasIcon-ppt::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e02d";
}

.at-button__button.at-button__button--hasIcon-search::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e02f";
}

.at-button__button.at-button__button--hasIcon-share::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e030";
}

.at-button__button.at-button__button--hasIcon-shopping-cart::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e032";
}

.at-button__button.at-button__button--hasIcon-tag::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e035";
}

.at-button__button.at-button__button--hasIcon-twitter::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e038";
}

.at-button__button.at-button__button--hasIcon-x-twitter::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e865";
}

.at-button__button.at-button__button--hasIcon-youtube::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e03b";
}

.at-button__button.at-button__button--lg {
    height: var(--mbase-btn-lg-height);
    border-radius: var(--mbase-btn-brdr-radius-lg);
}

.at-button__button.at-button__button--lg.at-button__button--hasIcon::before {
    font-size: var(--mbase-txtSize-5);
}

.at-button__icon {
    flex: 0 0 50px;
    margin: 0 var(--mbase-spacer) 0 0;
}

.at-button__text {
    flex: 1;
    text-align: left;
}

.at-button__footer {
    display: block;
    margin-top: var(--mbase-spacer-xxs);
    text-transform: none;
}