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