.capsule-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff;border-radius:50px;background:transparent;color:#ffffff;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.capsule-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#dd2800,#f67300);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1;border-radius:48px}.capsule-button:hover{color:white;border-color:transparent}.capsule-button:hover:before{opacity:1}.arrow-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.capsule-button:hover .arrow-icon{transform:translateX(4px)}.capsule-button:active{transform:translateY(0)}.capsule-button.small{padding:12px 20px;font-size:14px;gap:8px}.capsule-button.small .arrow-icon{width:16px;height:16px}.capsule-button.large{padding:20px 36px;font-size:18px;gap:16px}.capsule-button.large .arrow-icon{width:24px;height:24px}