/* Breakpoints */
.button {
  /* UI/SM/Button_label_medium_light */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1; /* 14px */
}
@media screen and (min-width: 751px) {
  .button {
    /* UI/XL-LG/Button_label_medium_light */
    font-size: 16px;
  }
}
.button-component {
  margin-bottom: var(--s-12, 16px);
  margin-top: var(--s-8, 16px);
}
.button {
  align-items: center;
  background-color: var(--postfinancegelb);
  border-radius: var(--CornerRadius-R-100, 100px);
  border: none;
  color: var(--petrol);
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-height: 56px;
  max-width: -moz-max-content;
  max-width: max-content;
  outline-offset: -3px;
  outline: 3px solid var(--postfinancegelb);
  padding: var(--s-4, 12px) var(--s-7, 24px);
  position: relative;
  transition: outline-offset 0.15s ease-out, transform 0.1s ease-in-out;
  grid-column-end: span 12;
}
@media screen and (min-width: 751px) {
  .button {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1126px) {
  .button {
    grid-column-end: span 8;
    grid-column-start: 3;
  }
}
@media screen and (min-width: 751px) {
  .button {
    padding: var(--s-5, 16px) 32px;
  }
}
.button:focus-visible {
  outline: none;
  position: relative;
}
.button:focus-visible::after {
  border-radius: var(--CornerRadius-R-4, 4px);
  border: var(--FlyingFocus-Outline-2, 2px) solid var(--flying-focus-petrol8-petrol3, #004B5A);
  bottom: -4px;
  content: "";
  display: block;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
.button:hover {
  cursor: pointer;
  outline-offset: -1px;
  color: var(--petrol);
}
.button:hover .button__icon {
  animation: buttonicontotop 300ms ease-in-out;
}
.button:hover::before {
  background-color: inherit;
}
.button:not(:hover) .button__icon {
  animation: buttonicontobottom 300ms ease-in-out;
}
.button:disabled, .button--disabled {
  background-color: var(--container-grau2-petrol9, #E6E6E6);
  border: 1px solid var(--supporting-colors-grau5-grau4, #999);
  color: var(--supporting-colors-grau7-grau2, #666);
  cursor: not-allowed;
  outline: none !important;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button:disabled::before, .button--disabled::before {
  display: none;
}
.button--petrol {
  background-color: var(--petrol);
  color: var(--typeface-weiss-grau1, #FFF);
  outline: 3px solid var(--petrol);
}
.button--petrol:hover {
  color: var(--typeface-weiss-grau1, #FFF);
}
.button--white {
  background-color: var(--weiss);
  outline: 3px solid var(--weiss);
}
@media (prefers-color-scheme: light) {
  .button--white {
    outline: 1px solid var(--petrol) !important;
  }
}
.button--grey {
  background-color: var(--button-grau1-petrol10-default-fuhlung, #F8F8F8);
  outline: 1px solid var(--button-grau7-petrol8);
}
.button--reverse {
  flex-direction: row-reverse;
}
.button--full-width {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 751px) {
  .button--full-width {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.button::before {
  background-color: transparent;
  border-radius: var(--CornerRadius-R-100, 100px);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}
.button:focus-visible::after {
  border-radius: var(--CornerRadius-R-100, 100px);
}
.button__label {
  padding-block: var(--s-2, 4px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button__label + svg {
  margin-left: var(--s-3, 8px);
}
.button__icon-wrapper {
  overflow: hidden;
  height: 16px;
  width: 16px;
}
.button__icon-wrapper + span {
  margin-left: var(--s-3, 8px);
}
.button__icon {
  stroke: currentColor;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmJ1bmRsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCO0VBQ0Usb0NBQW9DO0VBQ3BDLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGNBQWMsRUFBRSxTQUFTO0FBQzNCO0FBQ0E7RUFDRTtJQUNFLHVDQUF1QztJQUN2QyxlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLGdDQUFnQztFQUNoQyw0QkFBNEI7QUFDOUI7QUFFQTtFQUNFLG1CQUFtQjtFQUNuQix3Q0FBd0M7RUFDeEMsK0NBQStDO0VBQy9DLFlBQVk7RUFDWixvQkFBb0I7RUFDcEIsZUFBZTtFQUNmLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsZ0JBQWdCO0VBQ2hCLDJCQUFzQjtFQUF0QixzQkFBc0I7RUFDdEIsb0JBQW9CO0VBQ3BCLHlDQUF5QztFQUN6QywwQ0FBMEM7RUFDMUMsa0JBQWtCO0VBQ2xCLHFFQUFxRTtFQUNyRSx3QkFBd0I7QUFDMUI7QUFDQTtFQUNFO0lBQ0Usd0JBQXdCO0lBQ3hCLG9CQUFvQjtFQUN0QjtBQUNGO0FBQ0E7RUFDRTtJQUNFLHVCQUF1QjtJQUN2QixvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSw4QkFBOEI7RUFDaEM7QUFDRjtBQUNBO0VBQ0UsYUFBYTtFQUNiLGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0UsMkNBQTJDO0VBQzNDLDRGQUE0RjtFQUM1RixZQUFZO0VBQ1osV0FBVztFQUNYLGNBQWM7RUFDZCxVQUFVO0VBQ1Ysa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxTQUFTO0VBQ1Qsd0JBQXdCO0VBQ3hCLHNFQUFzRTtBQUN4RTtBQUNBO0VBQ0UsZUFBZTtFQUNmLG9CQUFvQjtFQUNwQixvQkFBb0I7QUFDdEI7QUFDQTtFQUNFLDRDQUE0QztBQUM5QztBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBQ0E7RUFDRSwrQ0FBK0M7QUFDakQ7QUFDQTtFQUNFLHlEQUF5RDtFQUN6RCw0REFBNEQ7RUFDNUQsaURBQWlEO0VBQ2pELG1CQUFtQjtFQUNuQix3QkFBd0I7RUFDeEIsb0JBQW9CO0VBQ3BCLHlCQUFpQjtLQUFqQixzQkFBaUI7VUFBakIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7QUFDQTtFQUNFLCtCQUErQjtFQUMvQix3Q0FBd0M7RUFDeEMsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSx3Q0FBd0M7QUFDMUM7QUFDQTtFQUNFLDhCQUE4QjtFQUM5QiwrQkFBK0I7QUFDakM7QUFDQTtFQUNFO0lBQ0UsMkNBQTJDO0VBQzdDO0FBQ0Y7QUFDQTtFQUNFLHVFQUF1RTtFQUN2RSw4Q0FBOEM7QUFDaEQ7QUFDQTtFQUNFLDJCQUEyQjtBQUM3QjtBQUNBO0VBQ0UsZUFBZTtFQUNmLFdBQVc7QUFDYjtBQUNBO0VBQ0U7SUFDRSwyQkFBc0I7SUFBdEIsc0JBQXNCO0VBQ3hCO0FBQ0Y7QUFDQTtFQUNFLDZCQUE2QjtFQUM3QiwrQ0FBK0M7RUFDL0MsV0FBVztFQUNYLFFBQVE7RUFDUixrQkFBa0I7RUFDbEIsV0FBVztBQUNiO0FBQ0E7RUFDRSwrQ0FBK0M7QUFDakQ7QUFDQTtFQUNFLDhCQUE4QjtFQUM5Qix5QkFBaUI7S0FBakIsc0JBQWlCO1VBQWpCLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsNEJBQTRCO0FBQzlCO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLFdBQVc7QUFDYjtBQUNBO0VBQ0UsNEJBQTRCO0FBQzlCO0FBQ0E7RUFDRSxvQkFBb0I7QUFDdEIiLCJmaWxlIjoiLi4vLi4vdWkuYXBwcy9zcmMvbWFpbi9qY3Jfcm9vdC9hcHBzL3BmY2gvY2xpZW50bGlicy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uYnVuZGxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJyZWFrcG9pbnRzICovXG4uYnV0dG9uIHtcbiAgLyogVUkvU00vQnV0dG9uX2xhYmVsX21lZGl1bV9saWdodCAqL1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDE7IC8qIDE0cHggKi9cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24ge1xuICAgIC8qIFVJL1hMLUxHL0J1dHRvbl9sYWJlbF9tZWRpdW1fbGlnaHQgKi9cbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbn1cblxuLmJ1dHRvbi1jb21wb25lbnQge1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zLTEyLCAxNnB4KTtcbiAgbWFyZ2luLXRvcDogdmFyKC0tcy04LCAxNnB4KTtcbn1cblxuLmJ1dHRvbiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBvc3RmaW5hbmNlZ2VsYik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTEwMCwgMTAwcHgpO1xuICBib3JkZXI6IG5vbmU7XG4gIGNvbG9yOiB2YXIoLS1wZXRyb2wpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiA1NnB4O1xuICBtYXgtd2lkdGg6IG1heC1jb250ZW50O1xuICBvdXRsaW5lLW9mZnNldDogLTNweDtcbiAgb3V0bGluZTogM3B4IHNvbGlkIHZhcigtLXBvc3RmaW5hbmNlZ2VsYik7XG4gIHBhZGRpbmc6IHZhcigtLXMtNCwgMTJweCkgdmFyKC0tcy03LCAyNHB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0cmFuc2l0aW9uOiBvdXRsaW5lLW9mZnNldCAwLjE1cyBlYXNlLW91dCwgdHJhbnNmb3JtIDAuMXMgZWFzZS1pbi1vdXQ7XG4gIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMjtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24ge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiAxMDtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMjtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIC5idXR0b24ge1xuICAgIGdyaWQtY29sdW1uLWVuZDogc3BhbiA4O1xuICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAzO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zLTUsIDE2cHgpIDMycHg7XG4gIH1cbn1cbi5idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5idXR0b246Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi00LCA0cHgpO1xuICBib3JkZXI6IHZhcigtLUZseWluZ0ZvY3VzLU91dGxpbmUtMiwgMnB4KSBzb2xpZCB2YXIoLS1mbHlpbmctZm9jdXMtcGV0cm9sOC1wZXRyb2wzLCAjMDA0QjVBKTtcbiAgYm90dG9tOiAtNHB4O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGVmdDogLTRweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogLTRweDtcbiAgdG9wOiAtNHB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gIGFuaW1hdGlvbjogZm9yd2FyZHMgYXBwZWFyIDEwMG1zIGN1YmljLWJlemllcigwLjE2LCAwLjY2NSwgMC42MSwgMC45Myk7XG59XG4uYnV0dG9uOmhvdmVyIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgY29sb3I6IHZhcigtLXBldHJvbCk7XG59XG4uYnV0dG9uOmhvdmVyIC5idXR0b25fX2ljb24ge1xuICBhbmltYXRpb246IGJ1dHRvbmljb250b3RvcCAzMDBtcyBlYXNlLWluLW91dDtcbn1cbi5idXR0b246aG92ZXI6OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG59XG4uYnV0dG9uOm5vdCg6aG92ZXIpIC5idXR0b25fX2ljb24ge1xuICBhbmltYXRpb246IGJ1dHRvbmljb250b2JvdHRvbSAzMDBtcyBlYXNlLWluLW91dDtcbn1cbi5idXR0b246ZGlzYWJsZWQsIC5idXR0b24tLWRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGFpbmVyLWdyYXUyLXBldHJvbDksICNFNkU2RTYpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1zdXBwb3J0aW5nLWNvbG9ycy1ncmF1NS1ncmF1NCwgIzk5OSk7XG4gIGNvbG9yOiB2YXIoLS1zdXBwb3J0aW5nLWNvbG9ycy1ncmF1Ny1ncmF1MiwgIzY2Nik7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmJ1dHRvbjpkaXNhYmxlZDo6YmVmb3JlLCAuYnV0dG9uLS1kaXNhYmxlZDo6YmVmb3JlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5idXR0b24tLXBldHJvbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBldHJvbCk7XG4gIGNvbG9yOiB2YXIoLS10eXBlZmFjZS13ZWlzcy1ncmF1MSwgI0ZGRik7XG4gIG91dGxpbmU6IDNweCBzb2xpZCB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbi0tcGV0cm9sOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXR5cGVmYWNlLXdlaXNzLWdyYXUxLCAjRkZGKTtcbn1cbi5idXR0b24tLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2Vpc3MpO1xuICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0td2Vpc3MpO1xufVxuQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogbGlnaHQpIHtcbiAgLmJ1dHRvbi0td2hpdGUge1xuICAgIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1wZXRyb2wpICFpbXBvcnRhbnQ7XG4gIH1cbn1cbi5idXR0b24tLWdyZXkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tZ3JhdTEtcGV0cm9sMTAtZGVmYXVsdC1mdWhsdW5nLCAjRjhGOEY4KTtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLWJ1dHRvbi1ncmF1Ny1wZXRyb2w4KTtcbn1cbi5idXR0b24tLXJldmVyc2Uge1xuICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG59XG4uYnV0dG9uLS1mdWxsLXdpZHRoIHtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24tLWZ1bGwtd2lkdGgge1xuICAgIG1heC13aWR0aDogbWF4LWNvbnRlbnQ7XG4gIH1cbn1cbi5idXR0b246OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi0xMDAsIDEwMHB4KTtcbiAgY29udGVudDogXCJcIjtcbiAgaW5zZXQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG59XG4uYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwLCAxMDBweCk7XG59XG4uYnV0dG9uX19sYWJlbCB7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXMtMiwgNHB4KTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4uYnV0dG9uX19sYWJlbCArIHN2ZyB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS1zLTMsIDhweCk7XG59XG4uYnV0dG9uX19pY29uLXdyYXBwZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xufVxuLmJ1dHRvbl9faWNvbi13cmFwcGVyICsgc3BhbiB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS1zLTMsIDhweCk7XG59XG4uYnV0dG9uX19pY29uIHtcbiAgc3Ryb2tlOiBjdXJyZW50Q29sb3I7XG59Il19 */