/* Breakpoints */
.button-component .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-component .button {
    /* UI/XL-LG/Button_label_medium_light */
    font-size: 16px;
  }
}
.button-component {
  margin-bottom: var(--s-12);
  margin-top: var(--s-8);
}
.button-component:not(.hidden) + .button-component {
  margin-top: 0;
}
.button-component:has(+ .button-component) {
  margin-bottom: var(--s-5);
}
.button-component .button {
  align-items: center;
  background-color: var(--postfinancegelb);
  border-radius: var(--CornerRadius-R-100);
  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) var(--s-7);
  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-component .button {
    grid-column-end: span 10;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 1126px) {
  .button-component .button {
    grid-column-end: span 8;
    grid-column-start: 3;
  }
}
@media screen and (min-width: 751px) {
  .button-component .button {
    padding: var(--s-5) 32px;
  }
}
.button-component .button:focus-visible {
  outline: none;
  position: relative;
}
.button-component .button:focus-visible::after {
  border-radius: var(--CornerRadius-R-4);
  border: var(--Outline-2, 2px) solid var(--petrol8-petrol3);
  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-component .button:hover {
  cursor: pointer;
  outline-offset: -1px;
  color: var(--petrol);
}
.button-component .button:hover .button__icon {
  animation: buttonicontotop 300ms ease-in-out;
}
.button-component .button:hover::before {
  background-color: inherit;
}
.button-component .button:not(:hover) .button__icon {
  animation: buttonicontobottom 300ms ease-in-out;
}
.button-component .button:disabled, .button-component .button--disabled {
  background-color: var(--grau2-petrol9);
  border: 1px solid var(--grau5-grau4);
  color: var(--grau7-grau2);
  cursor: not-allowed;
  outline: none !important;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button-component .button:disabled::before, .button-component .button--disabled::before {
  display: none;
}
.button-component .button--petrol {
  background-color: var(--petrol);
  color: var(--weiss-grau1);
  outline: 3px solid var(--petrol);
}
.button-component .button--petrol:hover {
  color: var(--weiss-grau1);
}
.button-component .button--white {
  background-color: var(--weiss);
  outline: 3px solid var(--weiss);
}
@media (prefers-color-scheme: light) {
  .button-component .button--white {
    outline: 1px solid var(--petrol) !important;
    outline-offset: -1px;
  }
}
@media (prefers-color-scheme: light) {
  .button-component .button--white:hover {
    outline-offset: 1px;
  }
}
.button-component .button--grey {
  background-color: var(--grau1-petrol10);
  outline: 1px solid var(--grau7-petrol8);
}
.button-component .button--reverse {
  flex-direction: row-reverse;
}
.button-component .button--full-width {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 751px) {
  .button-component .button--full-width {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.button-component .button::before {
  background-color: transparent;
  border-radius: var(--CornerRadius-R-100);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}
.button-component .button:focus-visible::after {
  border-radius: var(--CornerRadius-R-100);
}
.button-component .button__label {
  padding-block: var(--s-2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button-component .button__label + svg {
  margin-left: var(--s-3);
}
.button-component .button__icon-wrapper {
  overflow: hidden;
  height: 16px;
  width: 16px;
}
.button-component .button__icon-wrapper + span {
  margin-left: var(--s-3);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmJ1bmRsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCO0VBQ0Usb0NBQW9DO0VBQ3BDLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGNBQWMsRUFBRSxTQUFTO0FBQzNCO0FBQ0E7RUFDRTtJQUNFLHVDQUF1QztJQUN2QyxlQUFlO0VBQ2pCO0FBQ0Y7QUFFQTtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7QUFDeEI7QUFDQTtFQUNFLGFBQWE7QUFDZjtBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsd0NBQXdDO0VBQ3hDLHdDQUF3QztFQUN4QyxZQUFZO0VBQ1osb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixhQUFhO0VBQ2IsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtFQUNoQiwyQkFBc0I7RUFBdEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQix5Q0FBeUM7RUFDekMsOEJBQThCO0VBQzlCLGtCQUFrQjtFQUNsQixxRUFBcUU7RUFDckUsd0JBQXdCO0FBQzFCO0FBQ0E7RUFDRTtJQUNFLHdCQUF3QjtJQUN4QixvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsb0JBQW9CO0VBQ3RCO0FBQ0Y7QUFDQTtFQUNFO0lBQ0Usd0JBQXdCO0VBQzFCO0FBQ0Y7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLHNDQUFzQztFQUN0QywwREFBMEQ7RUFDMUQsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEU7QUFDQTtFQUNFLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsb0JBQW9CO0FBQ3RCO0FBQ0E7RUFDRSw0Q0FBNEM7QUFDOUM7QUFDQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUNBO0VBQ0UsK0NBQStDO0FBQ2pEO0FBQ0E7RUFDRSxzQ0FBc0M7RUFDdEMsb0NBQW9DO0VBQ3BDLHlCQUF5QjtFQUN6QixtQkFBbUI7RUFDbkIsd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQix5QkFBaUI7S0FBakIsc0JBQWlCO1VBQWpCLGlCQUFpQjtBQUNuQjtBQUNBO0VBQ0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSwrQkFBK0I7RUFDL0IseUJBQXlCO0VBQ3pCLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UseUJBQXlCO0FBQzNCO0FBQ0E7RUFDRSw4QkFBOEI7RUFDOUIsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRTtJQUNFLDJDQUEyQztJQUMzQyxvQkFBb0I7RUFDdEI7QUFDRjtBQUNBO0VBQ0U7SUFDRSxtQkFBbUI7RUFDckI7QUFDRjtBQUNBO0VBQ0UsdUNBQXVDO0VBQ3ZDLHVDQUF1QztBQUN6QztBQUNBO0VBQ0UsMkJBQTJCO0FBQzdCO0FBQ0E7RUFDRSxlQUFlO0VBQ2YsV0FBVztBQUNiO0FBQ0E7RUFDRTtJQUNFLDJCQUFzQjtJQUF0QixzQkFBc0I7RUFDeEI7QUFDRjtBQUNBO0VBQ0UsNkJBQTZCO0VBQzdCLHdDQUF3QztFQUN4QyxXQUFXO0VBQ1gsUUFBUTtFQUNSLGtCQUFrQjtFQUNsQixXQUFXO0FBQ2I7QUFDQTtFQUNFLHdDQUF3QztBQUMxQztBQUNBO0VBQ0UseUJBQXlCO0VBQ3pCLHlCQUFpQjtLQUFqQixzQkFBaUI7VUFBakIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSx1QkFBdUI7QUFDekI7QUFDQTtFQUNFLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osV0FBVztBQUNiO0FBQ0E7RUFDRSx1QkFBdUI7QUFDekIiLCJmaWxlIjoiLi4vLi4vdWkuYXBwcy9zcmMvbWFpbi9qY3Jfcm9vdC9hcHBzL3BmY2gvY2xpZW50bGlicy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uYnVuZGxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJyZWFrcG9pbnRzICovXG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uIHtcbiAgLyogVUkvU00vQnV0dG9uX2xhYmVsX21lZGl1bV9saWdodCAqL1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDE7IC8qIDE0cHggKi9cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIC5idXR0b24tY29tcG9uZW50IC5idXR0b24ge1xuICAgIC8qIFVJL1hMLUxHL0J1dHRvbl9sYWJlbF9tZWRpdW1fbGlnaHQgKi9cbiAgICBmb250LXNpemU6IDE2cHg7XG4gIH1cbn1cblxuLmJ1dHRvbi1jb21wb25lbnQge1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zLTEyKTtcbiAgbWFyZ2luLXRvcDogdmFyKC0tcy04KTtcbn1cbi5idXR0b24tY29tcG9uZW50Om5vdCguaGlkZGVuKSArIC5idXR0b24tY29tcG9uZW50IHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5idXR0b24tY29tcG9uZW50OmhhcygrIC5idXR0b24tY29tcG9uZW50KSB7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLXMtNSk7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcG9zdGZpbmFuY2VnZWxiKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwKTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogdmFyKC0tcGV0cm9sKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWF4LWhlaWdodDogNTZweDtcbiAgbWF4LXdpZHRoOiBtYXgtY29udGVudDtcbiAgb3V0bGluZS1vZmZzZXQ6IC0zcHg7XG4gIG91dGxpbmU6IDNweCBzb2xpZCB2YXIoLS1wb3N0ZmluYW5jZWdlbGIpO1xuICBwYWRkaW5nOiB2YXIoLS1zLTQpIHZhcigtLXMtNyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdHJhbnNpdGlvbjogb3V0bGluZS1vZmZzZXQgMC4xNXMgZWFzZS1vdXQsIHRyYW5zZm9ybSAwLjFzIGVhc2UtaW4tb3V0O1xuICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTI7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gMTA7XG4gICAgZ3JpZC1jb2x1bW4tc3RhcnQ6IDI7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAuYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uIHtcbiAgICBncmlkLWNvbHVtbi1lbmQ6IHNwYW4gODtcbiAgICBncmlkLWNvbHVtbi1zdGFydDogMztcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzUxcHgpIHtcbiAgLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbiB7XG4gICAgcGFkZGluZzogdmFyKC0tcy01KSAzMnB4O1xuICB9XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItNCk7XG4gIGJvcmRlcjogdmFyKC0tT3V0bGluZS0yLCAycHgpIHNvbGlkIHZhcigtLXBldHJvbDgtcGV0cm9sMyk7XG4gIGJvdHRvbTogLTRweDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IC00cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC00cHg7XG4gIHRvcDogLTRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICBhbmltYXRpb246IGZvcndhcmRzIGFwcGVhciAxMDBtcyBjdWJpYy1iZXppZXIoMC4xNiwgMC42NjUsIDAuNjEsIDAuOTMpO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbjpob3ZlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gIGNvbG9yOiB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbjpob3ZlciAuYnV0dG9uX19pY29uIHtcbiAgYW5pbWF0aW9uOiBidXR0b25pY29udG90b3AgMzAwbXMgZWFzZS1pbi1vdXQ7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOmhvdmVyOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbjpub3QoOmhvdmVyKSAuYnV0dG9uX19pY29uIHtcbiAgYW5pbWF0aW9uOiBidXR0b25pY29udG9ib3R0b20gMzAwbXMgZWFzZS1pbi1vdXQ7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOmRpc2FibGVkLCAuYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uLS1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdyYXUyLXBldHJvbDkpO1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ncmF1NS1ncmF1NCk7XG4gIGNvbG9yOiB2YXIoLS1ncmF1Ny1ncmF1Mik7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIG91dGxpbmU6IG5vbmUgIWltcG9ydGFudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbjpkaXNhYmxlZDo6YmVmb3JlLCAuYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uLS1kaXNhYmxlZDo6YmVmb3JlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5idXR0b24tY29tcG9uZW50IC5idXR0b24tLXBldHJvbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBldHJvbCk7XG4gIGNvbG9yOiB2YXIoLS13ZWlzcy1ncmF1MSk7XG4gIG91dGxpbmU6IDNweCBzb2xpZCB2YXIoLS1wZXRyb2wpO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbi0tcGV0cm9sOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLXdlaXNzLWdyYXUxKTtcbn1cbi5idXR0b24tY29tcG9uZW50IC5idXR0b24tLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2Vpc3MpO1xuICBvdXRsaW5lOiAzcHggc29saWQgdmFyKC0td2Vpc3MpO1xufVxuQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogbGlnaHQpIHtcbiAgLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbi0td2hpdGUge1xuICAgIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1wZXRyb2wpICFpbXBvcnRhbnQ7XG4gICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gIH1cbn1cbkBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGxpZ2h0KSB7XG4gIC5idXR0b24tY29tcG9uZW50IC5idXR0b24tLXdoaXRlOmhvdmVyIHtcbiAgICBvdXRsaW5lLW9mZnNldDogMXB4O1xuICB9XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uLS1ncmV5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JhdTEtcGV0cm9sMTApO1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tZ3JhdTctcGV0cm9sOCk7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uLS1yZXZlcnNlIHtcbiAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbi0tZnVsbC13aWR0aCB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uLS1mdWxsLXdpZHRoIHtcbiAgICBtYXgtd2lkdGg6IG1heC1jb250ZW50O1xuICB9XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwKTtcbiAgY29udGVudDogXCJcIjtcbiAgaW5zZXQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogLTE7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMTAwKTtcbn1cbi5idXR0b24tY29tcG9uZW50IC5idXR0b25fX2xhYmVsIHtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tcy0yKTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG4uYnV0dG9uLWNvbXBvbmVudCAuYnV0dG9uX19sYWJlbCArIHN2ZyB7XG4gIG1hcmdpbi1sZWZ0OiB2YXIoLS1zLTMpO1xufVxuLmJ1dHRvbi1jb21wb25lbnQgLmJ1dHRvbl9faWNvbi13cmFwcGVyIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTZweDtcbn1cbi5idXR0b24tY29tcG9uZW50IC5idXR0b25fX2ljb24td3JhcHBlciArIHNwYW4ge1xuICBtYXJnaW4tbGVmdDogdmFyKC0tcy0zKTtcbn0iXX0= */