/* 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-component + .button-component {
  margin-top: 0;
}
.button-component:has(+ .button-component) {
  margin-bottom: var(--s-5);
}
.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmJ1bmRsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCO0VBQ0Usb0NBQW9DO0VBQ3BDLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGNBQWMsRUFBRSxTQUFTO0FBQzNCO0FBQ0E7RUFDRTtJQUNFLHVDQUF1QztJQUN2QyxlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLGdDQUFnQztFQUNoQyw0QkFBNEI7QUFDOUI7QUFDQTtFQUNFLGFBQWE7QUFDZjtBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsd0NBQXdDO0VBQ3hDLCtDQUErQztFQUMvQyxZQUFZO0VBQ1osb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtFQUNoQiwyQkFBc0I7RUFBdEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQix5Q0FBeUM7RUFDekMsMENBQTBDO0VBQzFDLGtCQUFrQjtFQUNsQixxRUFBcUU7RUFDckUsd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0UsOEJBQThCO0VBQ2hDO0FBQ0Y7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLDJDQUEyQztFQUMzQyw0RkFBNEY7RUFDNUYsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEU7QUFDQTtFQUNFLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsb0JBQW9CO0FBQ3RCO0FBQ0E7RUFDRSw0Q0FBNEM7QUFDOUM7QUFDQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEO0FBQ0E7RUFDRSx5REFBeUQ7RUFDekQsNERBQTREO0VBQzVELGlEQUFpRDtFQUNqRCxtQkFBbUI7RUFDbkIsd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQix5QkFBaUI7S0FBakIsc0JBQWlCO1VBQWpCLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSwrQkFBK0I7RUFDL0Isd0NBQXdDO0VBQ3hDLGdDQUFnQztBQUNsQztBQUNBO0VBQ0Usd0NBQXdDO0FBQzFDO0FBQ0E7RUFDRSw4QkFBOEI7RUFDOUIsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRTtJQUNFLDJDQUEyQztFQUM3QztBQUNGO0FBQ0E7RUFDRSx1RUFBdUU7RUFDdkUsOENBQThDO0FBQ2hEO0FBQ0E7RUFDRSwyQkFBMkI7QUFDN0I7QUFDQTtFQUNFLGVBQWU7RUFDZixXQUFXO0FBQ2I7QUFDQTtFQUNFO0lBQ0UsMkJBQXNCO0lBQXRCLHNCQUFzQjtFQUN4QjtBQUNGO0FBQ0E7RUFDRSw2QkFBNkI7RUFDN0IsK0NBQStDO0VBQy9DLFdBQVc7RUFDWCxRQUFRO0VBQ1Isa0JBQWtCO0VBQ2xCLFdBQVc7QUFDYjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEO0FBQ0E7RUFDRSw4QkFBOEI7RUFDOUIseUJBQWlCO0tBQWpCLHNCQUFpQjtVQUFqQixpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLDRCQUE0QjtBQUM5QjtBQUNBO0VBQ0UsZ0JBQWdCO0VBQ2hCLFlBQVk7RUFDWixXQUFXO0FBQ2I7QUFDQTtFQUNFLDRCQUE0QjtBQUM5QjtBQUNBO0VBQ0Usb0JBQW9CO0FBQ3RCIiwiZmlsZSI6Ii4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmJ1bmRsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBCcmVha3BvaW50cyAqL1xuLmJ1dHRvbiB7XG4gIC8qIFVJL1NNL0J1dHRvbl9sYWJlbF9tZWRpdW1fbGlnaHQgKi9cbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxOyAvKiAxNHB4ICovXG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uIHtcbiAgICAvKiBVSS9YTC1MRy9CdXR0b25fbGFiZWxfbWVkaXVtX2xpZ2h0ICovXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICB9XG59XG5cbi5idXR0b24tY29tcG9uZW50IHtcbiAgbWFyZ2luLWJvdHRvbTogdmFyKC0tcy0xMiwgMTZweCk7XG4gIG1hcmdpbi10b3A6IHZhcigtLXMtOCwgMTZweCk7XG59XG4uYnV0dG9uLWNvbXBvbmVudCArIC5idXR0b24tY29tcG9uZW50IHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5idXR0b24tY29tcG9uZW50OmhhcygrIC5idXR0b24tY29tcG9uZW50KSB7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLXMtNSk7XG59XG5cbi5idXR0b24ge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wb3N0ZmluYW5jZWdlbGIpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1Db3JuZXJSYWRpdXMtUi0xMDAsIDEwMHB4KTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogdmFyKC0tcGV0cm9sKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWF4LWhlaWdodDogNTZweDtcbiAgbWF4LXdpZHRoOiBtYXgtY29udGVudDtcbiAgb3V0bGluZS1vZmZzZXQ6IC0zcHg7XG4gIG91dGxpbmU6IDNweCBzb2xpZCB2YXIoLS1wb3N0ZmluYW5jZWdlbGIpO1xuICBwYWRkaW5nOiB2YXIoLS1zLTQsIDEycHgpIHZhcigtLXMtNywgMjRweCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdHJhbnNpdGlvbjogb3V0bGluZS1vZmZzZXQgMC4xNXMgZWFzZS1vdXQsIHRyYW5zZm9ybSAwLjFzIGVhc2UtaW4tb3V0O1xuICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTI7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDI7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAuYnV0dG9uIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gODtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMztcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbiB7XG4gICAgcGFkZGluZzogdmFyKC0tcy01LCAxNnB4KSAzMnB4O1xuICB9XG59XG4uYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItNCwgNHB4KTtcbiAgYm9yZGVyOiB2YXIoLS1GbHlpbmdGb2N1cy1PdXRsaW5lLTIsIDJweCkgc29saWQgdmFyKC0tZmx5aW5nLWZvY3VzLXBldHJvbDgtcGV0cm9sMywgIzAwNEI1QSk7XG4gIGJvdHRvbTogLTRweDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IC00cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC00cHg7XG4gIHRvcDogLTRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICBhbmltYXRpb246IGZvcndhcmRzIGFwcGVhciAxMDBtcyBjdWJpYy1iZXppZXIoMC4xNiwgMC42NjUsIDAuNjEsIDAuOTMpO1xufVxuLmJ1dHRvbjpob3ZlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gIGNvbG9yOiB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbjpob3ZlciAuYnV0dG9uX19pY29uIHtcbiAgYW5pbWF0aW9uOiBidXR0b25pY29udG90b3AgMzAwbXMgZWFzZS1pbi1vdXQ7XG59XG4uYnV0dG9uOmhvdmVyOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xufVxuLmJ1dHRvbjpub3QoOmhvdmVyKSAuYnV0dG9uX19pY29uIHtcbiAgYW5pbWF0aW9uOiBidXR0b25pY29udG9ib3R0b20gMzAwbXMgZWFzZS1pbi1vdXQ7XG59XG4uYnV0dG9uOmRpc2FibGVkLCAuYnV0dG9uLS1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbnRhaW5lci1ncmF1Mi1wZXRyb2w5LCAjRTZFNkU2KTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tc3VwcG9ydGluZy1jb2xvcnMtZ3JhdTUtZ3JhdTQsICM5OTkpO1xuICBjb2xvcjogdmFyKC0tc3VwcG9ydGluZy1jb2xvcnMtZ3JhdTctZ3JhdTIsICM2NjYpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBvdXRsaW5lOiBub25lICFpbXBvcnRhbnQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5idXR0b246ZGlzYWJsZWQ6OmJlZm9yZSwgLmJ1dHRvbi0tZGlzYWJsZWQ6OmJlZm9yZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uYnV0dG9uLS1wZXRyb2wge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wZXRyb2wpO1xuICBjb2xvcjogdmFyKC0tdHlwZWZhY2Utd2Vpc3MtZ3JhdTEsICNGRkYpO1xuICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0tcGV0cm9sKTtcbn1cbi5idXR0b24tLXBldHJvbDpob3ZlciB7XG4gIGNvbG9yOiB2YXIoLS10eXBlZmFjZS13ZWlzcy1ncmF1MSwgI0ZGRik7XG59XG4uYnV0dG9uLS13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdlaXNzKTtcbiAgb3V0bGluZTogM3B4IHNvbGlkIHZhcigtLXdlaXNzKTtcbn1cbkBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGxpZ2h0KSB7XG4gIC5idXR0b24tLXdoaXRlIHtcbiAgICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcGV0cm9sKSAhaW1wb3J0YW50O1xuICB9XG59XG4uYnV0dG9uLS1ncmV5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWdyYXUxLXBldHJvbDEwLWRlZmF1bHQtZnVobHVuZywgI0Y4RjhGOCk7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1idXR0b24tZ3JhdTctcGV0cm9sOCk7XG59XG4uYnV0dG9uLS1yZXZlcnNlIHtcbiAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xufVxuLmJ1dHRvbi0tZnVsbC13aWR0aCB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uLS1mdWxsLXdpZHRoIHtcbiAgICBtYXgtd2lkdGg6IG1heC1jb250ZW50O1xuICB9XG59XG4uYnV0dG9uOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwLCAxMDBweCk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGluc2V0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IC0xO1xufVxuLmJ1dHRvbjpmb2N1cy12aXNpYmxlOjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTEwMCwgMTAwcHgpO1xufVxuLmJ1dHRvbl9fbGFiZWwge1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zLTIsIDRweCk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmJ1dHRvbl9fbGFiZWwgKyBzdmcge1xuICBtYXJnaW4tbGVmdDogdmFyKC0tcy0zLCA4cHgpO1xufVxuLmJ1dHRvbl9faWNvbi13cmFwcGVyIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTZweDtcbn1cbi5idXR0b25fX2ljb24td3JhcHBlciArIHNwYW4ge1xuICBtYXJnaW4tbGVmdDogdmFyKC0tcy0zLCA4cHgpO1xufVxuLmJ1dHRvbl9faWNvbiB7XG4gIHN0cm9rZTogY3VycmVudENvbG9yO1xufSJdfQ== */