.animated-button{align-items:center;border-radius:3.9rem;box-shadow:0 4px 8px #00000040;display:flex;font-family:futura-pt,sans-serif;font-size:2rem;font-weight:600;height:7.8rem;line-height:1;min-width:25.6rem;overflow:hidden;padding:0 3rem;position:relative;transition:all .4s}.animated-button span{position:relative;z-index:1}.animated-button:after,.animated-button:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='レイヤー 2' viewBox='0 0 683.48 221.29'%3E%3Cpath d='M683.48 54.71c-79 4.34-158.73 43.19-220.36 115.44a385 385 0 0 0-27.88 37c-3.09 4.65-6.07 9.35-8.96 14.13-3.37-7.5-6.86-14.86-10.45-22.01C363.08 93.91 287.74 27.24 202.71 24.58 126.45 22.2 55.49 71.71 0 155.46 55.95 57.06 131.24-2.47 212.7.08 298.64 2.76 374.37 74 425.82 185.6a384 384 0 0 1 12.66-15.67c67.71-79.38 157.66-118.19 245-115.22' data-name='レイヤー 2' style='fill:%23333'/%3E%3C/svg%3E") no-repeat 50%/contain;bottom:0;content:"";height:8rem;margin:auto;opacity:.05;position:absolute;right:-3rem;transform-origin:54% 50%;transition:transform .4s ease-out,background .2s ease-out;width:16rem}.animated-button:hover{background:#212121;color:#fff}.animated-button:hover:after,.animated-button:hover:before{filter:invert(1);opacity:1}