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:100%;height:2rem}button.learn-more .circle{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#FDF001;border-radius:1.625rem}button.learn-more .circle .icon{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#000}button.learn-more .circle .icon.arrow{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);left:0.625rem;width:1.125rem;height:0.125rem;background:none}button.learn-more .circle .icon.arrow::before{position:absolute;content:"";top:-0.29rem;right:0.0625rem;width:0.625rem;height:0.625rem;border-top:0.125rem solid #000;border-right:0.125rem solid #000;transform:rotate(45deg)}button.learn-more .button-text{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:0.75rem 0 0.75rem 2rem;margin:0 0 0 1.85rem;color:#563232;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#000;transform:translate(1rem,0)}button:hover .button-text{color:#000}button.learn-more .button-text-2{transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:0.75rem 0 0.75rem 2rem;margin:0 0 0 1.85rem;color:#fff;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}button:hover .button-text-2{color:#000}