.learn-more{cursor:pointer;vertical-align:middle;font-size:inherit;background:0 0;border:0;outline:none;margin-bottom:1rem;padding:0;font-family:inherit;text-decoration:none;display:inline-block;position:relative}button.learn-more{width:12rem;height:auto}button.learn-more .circle{background-color:color-mix(in srgb,var(--color-pink)80%,transparent);border-radius:1.625rem;width:3rem;height:3rem;margin:0;transition:all .45s cubic-bezier(.65,0,.076,1);display:block;position:relative}button.learn-more .circle .icon{background:#fff;margin:auto;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0}button.learn-more .circle .icon.arrow{background:0 0;width:1.125rem;height:.125rem;transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem}button.learn-more .circle .icon.arrow:before{content:"";border-top:.125rem solid #fff;border-right:.125rem solid #fff;width:.625rem;height:.625rem;position:absolute;top:-.29rem;right:.0625rem;transform:rotate(45deg)}button.learn-more .button-text{color:var(--color-white-soft);letter-spacing:.2rem;text-align:center;text-transform:uppercase;margin:0 0 0 1.85rem;padding:.75rem 0;line-height:1.6;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;left:0;right:0}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#fff;transform:translate(1rem)}button:hover .button-text{color:#fff}