.login-entry .type--C{--line_color:#2271b1;--back_color:#e5f2fa}.login-entry .button{z-index:0;width:100%;height:48px;color:var(--line_color);letter-spacing:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.login-entry .button:disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.login-entry .button__text{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.login-entry .button:before,.login-entry .button:after,.login-entry .button__text:before,.login-entry .button__text:after{content:"";background:var(--line_color);border-radius:2px;height:3px;transition:all .5s;position:absolute}.login-entry .button:before{width:calc(100% - 112px);top:0;left:46px}.login-entry .button:after{width:8px;top:0;right:46px}.login-entry .button__text:before{width:calc(100% - 112px);bottom:0;right:46px}.login-entry .button__text:after{width:8px;bottom:0;left:46px}.login-entry .button__line{z-index:1;width:48px;height:100%;position:absolute;top:0;overflow:hidden}.login-entry .button__line:before{content:"";box-sizing:border-box;border:solid 3px var(--line_color);border-radius:300px;width:150%;height:100%;position:absolute;top:0}.login-entry .button__line:first-child,.login-entry .button__line:first-child:before{left:0}.login-entry .button__line:nth-child(2),.login-entry .button__line:nth-child(2):before{right:0}.login-entry .button:hover{letter-spacing:6px}.login-entry .button:hover:before,.login-entry .button:hover .button__text:before{width:8px}.login-entry .button:hover:after,.login-entry .button:hover .button__text:after{width:calc(100% - 112px)}.login-entry .button__drows{z-index:0;pointer-events:none;width:240px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-entry .button__drow1,.login-entry .button__drow2{transform-origin:16px 16px;border-radius:16px;position:absolute}.login-entry .button__drow1{width:32px;height:0;top:-16px;left:40px;transform:rotate(30deg)}.login-entry .button__drow2{width:32px;height:0;top:44px;left:77px;transform:rotate(-127deg)}.login-entry .button__drow1:before,.login-entry .button__drow1:after,.login-entry .button__drow2:before,.login-entry .button__drow2:after{content:"";position:absolute}.login-entry .button__drow1:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-60deg)}.login-entry .button__drow1:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;top:-10px;left:45px;transform:rotate(69deg)}.login-entry .button__drow2:before{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:0;left:0;transform:rotate(-146deg)}.login-entry .button__drow2:after{transform-origin:16px 16px;border-radius:16px;width:0;height:32px;bottom:26px;left:-40px;transform:rotate(-262deg)}.login-entry .button__drow1,.login-entry .button__drow1:before,.login-entry .button__drow1:after,.login-entry .button__drow2,.login-entry .button__drow2:before,.login-entry .button__drow2:after{background:var(--back_color)}.login-entry .button:hover .button__drow1{animation:60ms ease-in forwards login-entry-drow1}.login-entry .button:hover .button__drow1:before{animation:80ms linear 60ms forwards login-entry-drow2}.login-entry .button:hover .button__drow1:after{animation:30ms linear .14s forwards login-entry-drow3}.login-entry .button:hover .button__drow2{animation:60ms linear .2s forwards login-entry-drow4}.login-entry .button:hover .button__drow2:before{animation:30ms linear .26s forwards login-entry-drow3}.login-entry .button:hover .button__drow2:after{animation:60ms linear .32s forwards login-entry-drow5}@keyframes login-entry-drow1{0%{height:0}to{height:100px}}@keyframes login-entry-drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes login-entry-drow3{0%{width:0}to{width:80px}}@keyframes login-entry-drow4{0%{height:0}to{height:120px}}@keyframes login-entry-drow5{0%{width:0}to{width:124px}}.login-entry .container{justify-content:center;align-items:center;width:100%;display:flex}
