*{box-sizing:border-box}body,html{margin:0;padding:0}.btn-primary{background:linear-gradient(180deg,#3fe0be,#16d1a2 60%,#12b896);color:#fff;font-weight:700;border:none;cursor:pointer;box-shadow:0 10px 22px -6px rgba(60,132,82,.55),inset 0 1px 0 hsla(0,0%,100%,.3);transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px rgba(60,132,82,.6),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 14px -6px rgba(60,132,82,.55),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-primary .arrow{display:inline-block;transition:transform .2s ease}.btn-primary:hover .arrow{transform:translateX(4px)}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-primary .arrow{transition:none}.btn-primary:hover{transform:none}}