.com-button-stroke{align-items:center;background:var(--color-white);border:1px solid var(--color-border-base);border-radius:var(--radius-level-03);box-sizing:border-box;-moz-column-gap:4px;column-gap:4px;display:flex;font-weight:var(--font-weight-medium);justify-content:center;padding:0 14px}.com-button-stroke.--primary{color:var(--color-text-default)}.com-button-stroke.--primary:hover{background:var(--color-purple-50)}.com-button-stroke.--primary:active{background:var(--color-gray-100)}.com-button-stroke.--primary:disabled{background:var(--color-gray-300);border:0;color:var(--color-gray-400)}.com-button-stroke.--primary:disabled .path{fill:var(--color-gray-400)}.com-button-stroke.--primary .path{fill:var(--color-text-default)}.com-button-stroke.--xxl{font-size:var(--font-size-body-l);height:62px}.com-button-stroke.--xxl .icon{height:18px;width:18px}.com-button-stroke.--xxl{font-size:var(--font-size-body-m);height:52px}.com-button-stroke.--xxl .icon{height:16px;width:16px}.com-button-stroke.--xl{font-size:var(--font-size-body-m);height:48px}.com-button-stroke.--xl .icon{height:16px;width:16px}.com-button-stroke.--l{font-size:var(--font-size-body-m);height:44px}.com-button-stroke.--l .icon{height:16px;width:16px}.com-button-stroke.--m{border-radius:6px;font-size:var(--font-size-body-s);height:40px}.com-button-stroke.--m .icon{height:14px;width:14px}.com-button-stroke.--s{border-radius:6px;font-size:var(--font-size-body-s);height:36px}.com-button-stroke.--s .icon{height:14px;width:14px}.com-button-stroke.--xs{border-radius:6px;-moz-column-gap:2px;column-gap:2px;font-size:var(--font-size-caption);height:32px;padding:0 12px}.com-button-stroke.--xs .icon{height:12px;width:12px}.com-button-stroke.--xs.--icon-left{padding:0 12px 0 13px}.com-button-stroke.--xs.--icon-right{padding:0 13px 0 12px}.com-button-stroke.--icon-left{padding:0 14px 0 15px}.com-button-stroke.--icon-right{padding:0 15px 0 14px}