.cmp-button{--infront-button-text:var(--infront-color-btn-primary-text);--infront-button-text-hover:var(--infront-color-btn-primary-text-hover);--infront-button-bg:var(--infront-color-btn-primary-bg);--infront-button-bg-hover:var(--infront-color-btn-primary-bg-hover);--infront-button-border:var(--infront-color-btn-primary-border);--infront-button-border-hover:var(--infront-color-btn-primary-border-hover);--infront-button-icon:var(--infront-color-btn-primary-text);--infront-button-icon-hover:var(--infront-color-btn-primary-text-hover);color:var(--infront-color-text-body-xs);font-family:var(--infront-font-family-body-xs);font-weight:var(--infront-font-weight-body-xs);font-weight:var(--infront-font-weight-body-xs-strong);display:inline-flex;align-items:center;border-radius:var(--infront-border-radius-btn-default);cursor:pointer;padding:11px 23px;color:var(--infront-button-text) !important;background-color:var(--infront-button-bg);border:1px solid var(--infront-button-border);text-decoration:none !important;margin-inline-end:24px}
@media only screen and (max-width:767px){.cmp-button{font-size:var(--infront-font-size-body-xs-mobile);line-height:var(--infront-line-height-body-xs-mobile)}
}
@media only screen and (min-width:768px){.cmp-button{font-size:var(--infront-font-size-body-xs-desktop);line-height:var(--infront-line-height-body-xs-desktop)}
}
.cmp-button b{font-weight:var(--infront-font-weight-body-xs-strong)}
@media(hover:hover){.cmp-button:hover{color:var(--infront-button-text-hover) !important;background-color:var(--infront-button-bg-hover);border-color:var(--infront-button-border-hover);text-decoration:none !important}
.cmp-button:hover::after{background-color:var(--infront-button-icon-hover);width:51px}
}
.cmp-button__text+.cmp-button__svg{margin-left:15px;display:inline-flex;align-items:center;justify-content:center}
.cmp-button::after{content:"";background-color:var(--infront-button-icon);display:inline-flex;height:8px;-webkit-mask-image:url("../../../../../../etc.clientlibs/infront/base/clientlibs/publish/resources/icons/arrow-right.svg");mask-image:url("../../../../../../etc.clientlibs/infront/base/clientlibs/publish/resources/icons/arrow-right.svg");mask-position-x:right;-webkit-mask-position-x:right;width:31px;margin-left:12px;transition:width .3s}
.infront-button.infront-button--secondary .cmp-button{--infront-button-text:var(--infront-color-btn-secondary-text);--infront-button-text-hover:var(--infront-color-btn-secondary-text-hover);--infront-button-bg:var(--infront-color-btn-secondary-bg);--infront-button-bg-hover:var(--infront-color-btn-secondary-bg-hover);--infront-button-border:var(--infront-color-btn-secondary-border);--infront-button-border-hover:var(--infront-color-btn-secondary-border-hover);--infront-button-icon:var(--infront-color-btn-secondary-text);--infront-button-icon-hover:var(--infront-color-btn-secondary-text-hover)}
.infront-button{text-align:var(--infront-button-text-align,left)}
.infront-button--left{--infront-button-text-align:left}
.infront-button--center{--infront-button-text-align:center}
.infront-button--right{--infront-button-text-align:right}