:root{--brand-steel:#3a4a60;--brand-orange:#ef631a;--brand-light-grey:#c5c6c4;--brand-red:#d90038;--brand-green:#1b9a3a;--text-color:var(--brand-steel);--background:transparent;--border-color:var(--brand-light-grey);--btn-background:transparent;--btn-background-hover:var(--brand-orange);--btn-color:var(--text-color);--btn-color-hover:#fff;--btn-border-color:var(--brand-orange);--color-positive:var(--brand-green);--color-negative:var(--brand-red)}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html{font-size:16px}body{background:var(--background);color:var(--text-color);font-family:Libre Franklin,sans-serif;font-size:1rem;line-height:1;margin:0;padding:0}form{display:inline-grid}label{display:block;margin-bottom:10px}input,select{background:transparent;border:1px solid var(--border-color);border-radius:2px;height:50px;margin-bottom:20px;padding-inline:15px;width:100%}select{--bs-form-select-bg-img:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;display:block;padding:.375rem 2.25rem .375rem .75rem;width:100%}.btn-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;gap:20px}.button{--clip-width:60px;--clip-offset-x:calc(var(--clip-width)/2);background:var(--btn-background);border:1px solid var(--btn-border-color);border-radius:2px;color:var(--btn-color);display:inline-block;font-weight:700;line-height:1;overflow:clip;padding:16px 40px;position:relative;text-align:left;text-decoration:none;z-index:0}.button,.button:before{-webkit-transition:all .3s;transition:all .3s}.button:before{background-color:var(--btn-background-hover);-webkit-clip-path:polygon(0 0,calc(100% - var(--clip-width)) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - var(--clip-width)) 0,100% 100%,0 100%);content:"";height:100%;left:calc(-100% - var(--clip-width) + var(--clip-offset-x));position:absolute;top:0;width:calc(100% + var(--clip-width));z-index:-1}.button:hover{color:var(--btn-color-hover)}.button:hover:before{left:0}