.OutlineButton{--cut-bottom-left-enabled: 1;--cut-bottom-left: .6rem;--cut-top-right-enabled: 1;--cut-top-right: .6rem;--border-size: 2px;position:relative;padding:0 2.4rem;height:5.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:2px solid var(--color-stroke-gray-64-on-black)}.OutlineButton:before{content:"";position:absolute;top:-2px;right:-4px;width:calc(var(--cut-bottom-left) + 2px);height:2px;background-color:var(--color-stroke-gray-64-on-black);transform-origin:left;transform:rotate(45deg);mix-blend-mode:multiply}.OutlineButton:after{content:"";position:absolute;bottom:-2px;left:-4px;width:calc(var(--cut-top-right) + 2px);height:2px;background-color:var(--color-stroke-gray-64-on-black);transform-origin:right;transform:rotate(45deg);mix-blend-mode:multiply}.OutlineButton__text{color:var(--color-text-white)}.OutlineButton__Icon{width:1.6rem;height:1.6rem;fill:var(--color-icon-white)}@media (hover: hover){.OutlineButton__Icon{transition-property:transform;transition-duration:var(--duration-interaction);transition-timing-function:ease-out}.OutlineButton:hover .OutlineButton__Icon{transform:translate(.5rem)}}