button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}button.learn-more{width:12rem;height:2.5rem}button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:2.5rem;height:2.5rem;background:#dc2626;border-radius:1.25rem}button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.5rem;width:1rem;height:.1rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem 0;margin:0 0 0 1.6rem;color:#dc2626;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase;font-size:.9rem}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#fff;transform:translate(1rem)}button:hover .button-text{color:#fff}