.button-wrapper{display:flex;justify-content:center;align-items:center;border:var(--border-line-width) solid var(--colors--light-300);border-radius:5px;height:36px}.button-wrapper--primary{border-color:var(--colors--light-300)}.button-wrapper--secondary{border-color:#466346}.button-wrapper .button{font-family:var(--fonts-family--font-family-tertiary);font-size:var(--fonts-sizes--text-xs);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;height:36px;padding:12px 16px;line-height:100%;display:flex;box-sizing:border-box;white-space:nowrap;transition-property:background-color,border-radius,scale;transition-duration:.3s;transition-timing-function:ease;transform-origin:center;margin:auto;cursor:pointer}.button-wrapper .button:active{scale:.96}.button-wrapper .button--primary{background-color:var(--colors--light-100);color:var(--colors--green)}.button-wrapper .button--primary:hover{border-radius:3px}.button-wrapper .button--secondary{background-color:rgba(228,234,200,.08);color:var(--colors--light-100)}.button-wrapper .button--secondary:hover{background-color:rgba(228,234,200,.12);border-radius:3px}.button-wrapper .button [slot=icon]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;margin-top:-2px}button{border:none}.button-wrapper--animated{position:relative}.button-wrapper--animated .button{padding-right:30px;transition-property:background-color,border-radius,padding,scale;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-wrapper--animated .button-text{position:relative;top:1px;transform:translateX(8px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.button-wrapper--animated .button-arrow-wrapper{position:absolute;right:12px;top:13px;width:0;max-width:12px;overflow:hidden;transition-property:width,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:0}.button-wrapper--animated .button-arrow-wrapper .button-arrow{width:12px;height:11px;transform:translateX(-8px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.button-wrapper--animated:hover .button-arrow-wrapper{width:12px;opacity:1}.button-wrapper--animated:hover .button-arrow-wrapper .button-arrow,.button-wrapper--animated:hover .button-text{transform:translateX(0)}