.od-button{border:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:155px;min-height:52px;font-size:16px;font-family:var(--font-helvetic-bold);line-height:120%;letter-spacing:.32px;position:relative;transition:all .3s;padding:5px 24px;cursor:pointer}.od-button[disabled=disabled],.od-button[disabled=disabled]:hover{cursor:not-allowed}.od-button__primary{color:var(--button-primary-text);background-color:var(--button-primary-background)}.od-button__primary:focus{outline-color:var(--button-primary-outline)}.od-button__primary:hover{color:var(--button-primary-action-text);background-color:var(--button-primary-action-background)}.od-button__primary[disabled=disabled],.od-button__primary[disabled=disabled]:hover{color:var(--button-primary-disabled-text);background-color:var(--button-primary-disabled-background)}.od-button__secondary{color:var(--button-secondary-text);display:flex;background-color:var(--button-secondary-background);outline-color:var(--button-secondary-outline)}.od-button__secondary:focus{outline-color:var(--button-secondary-outline)}.od-button__secondary:hover{color:var(--button-secondary-action-text);background-color:var(--button-secondary-action-background)}.od-button__secondary[disabled=disabled],.od-button__secondary[disabled=disabled]:hover{color:var(--button-secondary-disabled-text);background-color:var(--button-secondary-disabled-background)}.od-button.od-button__link{padding:0 0 16px;text-decoration:none;background:transparent;color:var(--button-link-text);border-bottom:1px solid var(--button-link-border)}.od-button.od-button__link:hover{color:var(--button-link-action-text);border-bottom:1px solid var(--button-link-action-border)}.od-button.od-button__link[disabled=disabled],.od-button.od-button__link[disabled=disabled]:hover{color:var( --button-link-disabled-text);border-bottom:1px solid var(--button-link-disabled-border)}.od-button.od-button__link:focus{outline-color:var(--button-link-outline)}.od-button.with--icon{gap:8px}.od-button__primary.with--icon svg path{fill:var(--button-primary-text)}.od-button__primary.with--icon:hover svg path{fill:var(--button-primary-action-text)}.od-button__secondary.with--icon svg path{fill:var(--button-secondary-text)}.od-button__secondary.with--icon:hover svg path{fill:var(--button-secondary-action-text)}.od-button__link.with--icon svg path{stroke:var(--button-link-text)}.od-button__link.with--icon:hover svg path{stroke:var(--button-link-action-text)}a.od-button__link.with--icon svg path{stroke:var(--button-link-text)}a.od-button__link.with--icon:hover svg path{stroke:var(--button-link-action-text)}a.od-button__link{box-shadow:none;outline:none;color:var(--link-color);text-decoration:underline;text-underline-offset:3px}a.od-button__link:hover{color:var(--link-action-color)}a.od-button__link.with--icon{min-width:157px;gap:32px;padding:0}.button--load .loading-spinner{width:16px;height:16px;transform-origin:center center;animation:rotating 2s linear infinite}.button--load .loading-spinner .path{stroke:#fff}.button--load .loading-spinner path{transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:stroke}.od-icon-button{width:60px;height:60px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;border:unset}.od-icon-button.border{border:1px solid var(--icon-button-border-color)}.od-icon-button.white{background-color:var(--icon-button-white-background)}.od-icon-button.white:hover{background-color:var(--icon-button-white-action-background)}.od-icon-button.white svg path{fill:var(--icon-button-white-color)}.od-icon-button.white:hover svg path{fill:var(--icon-button-white-action-color)}.od-icon-button.white:focus{outline-color:var(--icon-button-white-outline)}.od-icon-button.black{background-color:var(--icon-button-black-background)}.od-icon-button.black:hover{background-color:var(--icon-button-black-action-background)}.od-icon-button.black svg path{fill:var(--icon-button-black-color)}.od-icon-button.black:hover svg path{fill:var(--icon-button-black-action-color)}.od-icon-button.black:focus{outline-color:var(--icon-button-black-outline)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/od-core-buttons.css.map */