.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#2bced61f;border:none;border-radius:4rem;outline:none;width:12rem;height:auto;margin:1rem 0;padding:.15rem;font-size:.9rem;transition:box-shadow .35s;display:inline-block;position:relative;transform:scale(0);box-shadow:0 0 #2bced600}.btn .circle{background:var(--accent-color);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:var(--base-100);will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:.775rem;left:.95rem;transform:translate(0)}.btn .button-text,.btn .button-text-contact{text-align:center;color:#fbf8f8;font-family:var(--font-libre-caslon-display),serif;white-space:nowrap;margin:0 0 0 1.25rem;font-weight:450;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(.75rem)}.btn:hover .button-text{color:var(--base-100)}.btn:hover{box-shadow:0 0 24px #2bced659,0 0 48px #2bced633}.btn--teal-nav{--accent-color:#e5ecef;background:linear-gradient(135deg,#0a4a4a 0%,#0f6a7a 50%,#128ba0 100%) 0 0/200% 200%;transition:background-position .3s,box-shadow .35s;animation:6s ease-in-out infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn--teal-nav .button-text{color:#e9f5f5;font-weight:600;transform:translate(calc(4px - 50%),-50%)}.btn--teal-nav:hover .button-text{color:#0f6c7c}.btn--teal-nav .icon{color:#0f7c6a;will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:.75rem;left:.8rem;transform:translate(0)}.btn--teal-nav:hover{background:linear-gradient(135deg,#0d5f52 0%,#12a088 50%,#15b89a 100%) 100%/200% 200%;box-shadow:0 0 24px #0f7a6766,0 0 48px #0f7a674d,0 0 72px #0f7a6733}@keyframes heroBtnPulse{0%,to{box-shadow:0 0 #0f7a6773,0 20px 50px #073c3273,0 8px 24px #073c3252,inset 0 1px #ffffff26}50%{box-shadow:0 0 0 10px #0f7a6700,0 24px 56px #073c3280,0 10px 28px #073c3261,inset 0 1px #ffffff26}}@keyframes heroBtnShimmer{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(280%)skew(-18deg)}}.btn--hero-warm{--accent-color:#e8c97a;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#07313c 0%,#0d5c66 45%,#0f7d8c 100%);border:1px solid #ffffff1f;width:clamp(15rem,20vw,18rem);padding:.22rem;animation:2.6s ease-in-out infinite heroBtnPulse;overflow:hidden;box-shadow:0 0 #0f7a6773,0 20px 50px #073c3273,0 8px 24px #073c3252,inset 0 1px #ffffff26}.btn--hero-warm:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)skew(-18deg)}.btn--hero-warm:hover:after{animation:.65s ease-out forwards heroBtnShimmer}.btn--hero-warm .circle{z-index:2;background:linear-gradient(135deg,#f7e09a 0%,#e8c060 42%,#c99a3a 100%);width:3.35rem;height:3.35rem;box-shadow:inset 0 1px #ffffffa6,0 6px 18px #b4822873}.btn--hero-warm .button-text{color:#f0faf7;letter-spacing:.025em;text-shadow:0 1px 3px #00000040;z-index:2;font-weight:650;transform:translate(calc(.35rem - 50%),-50%)}.btn--hero-warm .icon{color:#2a4a1e;z-index:2;top:.95rem;left:.98rem}.btn--hero-warm:hover{background:linear-gradient(135deg,#0a5244 0%,#10846a 45%,#12a888 100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s;animation:none;transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 3px #0fa88847,0 24px 56px #073c328c,0 12px 32px #073c326b,inset 0 1px #ffffff2e}.btn--hero-warm:hover .button-text{color:#062e24;text-shadow:none;font-weight:700;transform:translate(calc(.35rem - 50%),-50%)scale(1.11)}.btn--hero-warm:active{transition:transform .1s;transform:translateY(0)scale(.98)}.btn--hero-warm:focus-visible{outline:none;box-shadow:0 0 0 3px #f0faf7e6,0 0 0 6px #0f8c7280,0 20px 50px #073c3273}.btn--work-projects{--accent-color:#e5ecef;background:linear-gradient(135deg,#07313c 0%,#0d5c66 45%,#0f7d8c 100%)}.btn--work-projects .button-text{color:#e9f5f5}.btn--work-projects:hover .button-text{color:#013a3d}.btn--work-projects .icon{color:#034e70;will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:.875rem;left:.8rem;transform:translate(0)}.btn--work-projects:hover{box-shadow:0 0 24px #2e729f40,0 0 48px #2e729f26}@media (min-width:1200px){.btn{font-size:1.035rem}.btn .circle,.btn .icon,.btn--teal-nav .icon,.btn--work-projects .icon{font-size:1.725rem}}@media (max-width:767px){.btn--hero-warm{width:min(100%,17rem)}.btn--hero-warm .button-text{font-size:.88rem;transform:translate(calc(.25rem - 50%),-50%)}.btn--hero-warm .icon{top:.88rem;left:.92rem}.btn--hero-warm:hover{transform:translateY(-1px)scale(1.01)}}