.type--A{--line_color:#555555;--back_color:#ffecf6}.type--B{--line_color:#1b1919;--back_color:#e9ecff}.type--C{--line_color:#f8f9fa;--back_color:#f39c12}.button1{z-index:0;max-width:260px;height:52px;text-decoration:none;font-size:14px;font-weight:700;color:var(--line_color);letter-spacing:1px;transition:all .28s ease;border:none;border-radius:9999px;background:#1abc9c;box-shadow:0 8px 24px rgba(26,188,156,.25)}.button1,.button1__text{position:relative;width:100%}.button1__text{z-index:3;display:flex;justify-content:center;align-items:center;height:100%}.button1:after,.button1:before,.button1__text:after,.button1__text:before{display:none}.button1:before{top:0;left:54px;width:calc(100% - 56px * 2 - 16px)}.button1:after{top:0;right:54px;width:8px}.button1__text:before{bottom:0;right:54px;width:calc(100% - 56px * 2 - 16px)}.button1__text:after{bottom:0;left:54px;width:8px}.button1__line{display:none}.button1__line:before{content:"";position:absolute;top:0;width:150%;height:100%;box-sizing:border-box;border-radius:300px;border:3px solid var(--line_color)}.button1__line:first-child,.button1__line:first-child:before{left:0}.button1__line:nth-child(2),.button1__line:nth-child(2):before{right:0}.button1:hover{letter-spacing:2px;background:#1abc9c;box-shadow:0 10px 26px rgba(26,188,156,.32);transform:translateY(-1px)}.button1:hover .button1__text:before,.button1:hover:before{width:8px}.button1:hover .button1__text:after,.button1:hover:after{width:calc(100% - 56px * 2 - 16px)}.button1__drow1,.button1__drow2{position:absolute;z-index:1;border-radius:16px;transform-origin:16px 16px;opacity:.95;pointer-events:none}.button1__drow1{top:-16px;left:40px;width:32px;height:0;transform:rotate(30deg)}.button1__drow2{top:44px;left:77px;width:32px;height:0;transform:rotate(-127deg)}.button1__drow1:after,.button1__drow1:before,.button1__drow2:after,.button1__drow2:before{content:"";position:absolute}.button1__drow1:before{bottom:0;left:0;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-60deg)}.button1__drow1:after{top:-10px;left:45px;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(69deg)}.button1__drow2:before{bottom:0;left:0;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-146deg)}.button1__drow2:after{bottom:26px;left:-40px;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-262deg)}.button1__drow1,.button1__drow1:after,.button1__drow1:before,.button1__drow2,.button1__drow2:after,.button1__drow2:before{background:var(--back_color)}.button1:hover .button1__drow1{animation:drow1 .06s ease-in;animation-fill-mode:forwards}.button1:hover .button1__drow1:before{animation:drow2 .08s linear .06s;animation-fill-mode:forwards}.button1:hover .button1__drow1:after{animation:drow3 .03s linear .14s;animation-fill-mode:forwards}.button1:hover .button1__drow2{animation:drow4 .06s linear .2s;animation-fill-mode:forwards}.button1:hover .button1__drow2:before{animation:drow3 .03s linear .26s;animation-fill-mode:forwards}.button1:hover .button1__drow2:after{animation:drow5 .06s linear .32s;animation-fill-mode:forwards}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{width:0;opacity:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.container1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media (max-width:640px){.button1{max-width:100%}.container1{align-items:stretch}}