.anim-btn{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.25rem;outline:none;border:1px solid rgba(16,124,184,.4);background:#107cb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:4rem;cursor:pointer;text-decoration:none;transform:scale(0);will-change:transform;font-family:var(--font-helvetica,sans-serif);width:auto;min-width:auto;overflow:visible}.anim-btn .ab-circle{position:absolute;top:.2rem;left:.2rem;bottom:.2rem;display:block;background:#0a5e8a;border-radius:50%;overflow:hidden;transition:width .52s cubic-bezier(.65,0,.076,1),border-radius .52s cubic-bezier(.65,0,.076,1);z-index:0;width:calc(3.2rem - .5rem);min-width:calc(3.2rem - .5rem)}.anim-btn .ab-icon{position:absolute;top:50%;left:.82rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:transform .52s cubic-bezier(.65,0,.076,1)}.anim-btn .ab-icon,.anim-btn .ab-text{color:#fff;pointer-events:none;z-index:2}.anim-btn .ab-text{position:relative;display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color .52s cubic-bezier(.65,0,.076,1);padding:.75rem 1.8rem .75rem 3.5rem}.anim-btn:hover .ab-circle{width:calc(100% - .5rem);border-radius:4rem}.anim-btn:hover .ab-icon{transform:translateY(-50%) translateX(.65rem)}.anim-btn:hover .ab-text{color:#fff}@media (max-width:480px){.anim-btn .ab-text{padding:.5rem 1rem .5rem 2.5rem;font-size:.6rem;letter-spacing:.08em}.anim-btn .ab-circle{width:calc(2.4rem - .4rem);min-width:calc(2.4rem - .4rem)}.anim-btn .ab-icon{left:.65rem}}