.close-btn{position:relative;overflow:hidden;border:1px solid var(--color-night);color:var(--color-night);display:inline-block;font-size:15px;line-height:15px;padding:18px 18px 17px;text-decoration:none;cursor:pointer;background:var(--color-honeydew);user-select:none;-webkit-user-select:none;touch-action:manipulation}.close-btn .text{position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.close-btn .thanks{color:var(--color-honeydew);display:block;position:absolute;bottom:0;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translateX(-50%);height:14px;line-height:13px}.close-btn:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:var(--color-night);transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:50}.close-btn:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.close-btn:hover .thanks{transform:translateX(-50%) translateY(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}