.up-btn{
    position: fixed;
    right: 25px;
    bottom: 25px;
    background: linear-gradient(145deg, pink, purple);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: rotateZ(270deg);
    cursor: pointer;
    box-shadow: 0 0 5px #000000e9;
    border: 0;
}

html:

    <a href="#" class="up-btn">></a>

Merhabalar,
Aşağıya birkaç kaynak bıraktım. Bunlar işinizi göreceğini düşünüyorum.

https://www.youtube.com/watch?v=SJVCvnKM_lI

https://www.w3schools.com/howto/howto_js_scroll_to_top.asp

Merhaba @rephp7;

@smack'in daha başka bir örneğini vereyim ben .d

<!-- Yukarı Çık Butonu -->
<a href="#body"> Yukarı Çık </a>

Burada body eğer id olarak body değerini verirsen yukarı çık butonun olmuş olur fakat sert bir şekilde olur aşağıdaki css kodunuda projene ekleyebilirsin

*{
    scroll-behavior: smooth;
}

Bunun basit bir örneğini https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior buradan öğrenebilirsin.

İyi Günler iyi Çalışmalar.

soyle birsey isinize yarar miydi?

<a href="nojavascript...scroll(0,0)" class="btn btn-primary">Yukari Git</a>

unutmadan bu butonu nasıl erişilebilirlik özelliği ile kullanabilirim. Ekran okuyucu kullanan kişiler içinde kullanılabilir olsun isterim.