.btn{display:inline-block;width:12rem;height:auto;padding:.15rem;outline:none;border:none;font-size:.9rem;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4rem;cursor:pointer;margin:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.15);border:2px solid rgba(0,0,0,.1)}.btn,.btn .circle{position:relative;transform:scale(0)}.btn .circle{display:block;margin:0;width:3rem;height:3rem;background:#dc2626;border-radius:4rem;font-size:1.5rem;overflow:hidden;transition:width .5s cubic-bezier(.65,0,.076,1)}.btn .icon{left:1.5rem;color:#fff;font-size:1.2rem;will-change:transform;z-index:2}.btn .button-text,.btn .icon{position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.65,0,.076,1)}.btn .button-text{left:50%;margin:0 0 0 1.25rem;text-align:center;color:#dc2626;font-family:Inter,sans-serif;font-weight:600;line-height:1;white-space:nowrap}.btn .line{position:relative;transform:translateY(100%);will-change:transform;padding-bottom:.2em;margin-bottom:-.2em}.btn:hover .circle{width:100%}.btn:hover .icon{transform:translate(.5rem,-50%)}.btn:hover .button-text{color:#fff}.btn-large{width:18rem;font-size:1.1rem;padding:.2rem}.btn-large .circle{width:4rem;height:4rem}.btn-large .icon{left:2rem;font-size:1.4rem}.btn-large .button-text{margin:0 0 0 1.5rem;font-size:1.1rem}.btn-xl{width:28rem;font-size:1.2rem;padding:.25rem}.btn-xl .circle{width:4.5rem;height:4.5rem}.btn-xl .icon{left:2.25rem;font-size:1.5rem}.btn-xl .button-text{margin:0 0 0 2rem;font-size:1.2rem;font-weight:700}@media (max-width:640px){.btn-xl{width:18rem;font-size:1rem;padding:.2rem}.btn-xl .circle{width:3.5rem;height:3.5rem}.btn-xl .icon{left:1.75rem;font-size:1.2rem}.btn-xl .button-text{margin:0 0 0 1.5rem;font-size:1rem;font-weight:600}}@media (max-width:480px){.btn-xl{width:16rem;font-size:.9rem;padding:.15rem}.btn-xl .circle{width:3rem;height:3rem}.btn-xl .icon{left:1.5rem;font-size:1rem}.btn-xl .button-text{margin:0 0 0 1.25rem;font-size:.9rem;font-weight:600}}@media (max-width:360px){.btn-xl{width:14rem;font-size:.85rem;padding:.15rem}.btn-xl .circle{width:2.8rem;height:2.8rem}.btn-xl .icon{left:1.4rem;font-size:.9rem}.btn-xl .button-text{margin:0 0 0 1.1rem;font-size:.85rem;font-weight:600}}