.btn{display:inline-block;width:12rem;height:auto;padding:.15rem;outline:none;border:none;font-size:.9rem;background:rgba(43,206,214,.12);backdrop-filter:blur(10px);cursor:pointer;margin:1rem 0;box-shadow:0 0 0 rgba(43,206,214,0);transition:box-shadow .35s ease}.btn,.btn .circle{position:relative;border-radius:4rem;transform:scale(0)}.btn .circle{display:block;margin:0;width:3rem;height:3rem;background:var(--accent-color);font-size:1.5rem;overflow:hidden;transition:width .5s cubic-bezier(.65,0,.076,1)}.btn .icon{top:.775rem;left:.95rem;color:var(--base-100);font-size:1.5rem;transform:translateX(0);will-change:transform}.btn .button-text,.btn .icon{position:absolute;transition:all .5s cubic-bezier(.65,0,.076,1)}.btn .button-text,.btn .button-text-contact{top:50%;left:50%;transform:translate(-50%,-50%);margin:0 0 0 1.25rem;text-align:center;color:#fbf8f8;font-family:Manrope,sans-serif;font-weight:450;line-height:1;white-space:nowrap}.btn .button-text-contact{position:absolute;transition:all .5s cubic-bezier(.65,0,.076,1)}.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(.75rem)}.btn:hover .button-text{color:var(--base-100)}.btn:hover{box-shadow:0 0 24px rgba(43,206,214,.35),0 0 48px rgba(43,206,214,.2)}.btn--teal-nav{--accent-color:#e5ecef;background:linear-gradient(135deg,#FF8C42,#FF6B35 50%,#FF4500);background-size:200% 200%;animation:gradientShift 3s ease infinite;transition:background-position .3s ease,box-shadow .35s ease}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn--teal-nav .button-text{color:#e9f5f5}.btn--teal-nav:hover .button-text{color:#013a3d}.btn--teal-nav .icon{position:absolute;top:.875rem;left:.8rem;color:#022e46;font-size:1.5rem;transform:translateX(0);transition:all .5s cubic-bezier(.65,0,.076,1);will-change:transform}.btn--teal-nav:hover{background:linear-gradient(135deg,#FF9D52,#FF7A47 50%,#FF5500);background-size:200% 200%;background-position:100% 50%;box-shadow:0 0 24px rgba(255,140,66,.4),0 0 48px rgba(255,107,53,.3),0 0 72px rgba(255,69,0,.2)}.btn--work-projects{--accent-color:#e5ecef;background:linear-gradient(90deg,#2e729ff8,#011d2fd3)}.btn--work-projects .button-text{color:#e9f5f5}.btn--work-projects:hover .button-text{color:#013a3d}.btn--work-projects .icon{position:absolute;top:.875rem;left:.8rem;color:#022e46;font-size:1.5rem;transform:translateX(0);transition:all .5s cubic-bezier(.65,0,.076,1);will-change:transform}.btn--work-projects:hover{box-shadow:0 0 24px rgba(46,114,159,.25),0 0 48px rgba(46,114,159,.15)}