.pagetop {
height: 50px;
width: 50px;
position: fixed;
right: 15px;
bottom: 20px;
background: #BAD3FF;
border: solid 2px #BAD3FF;
border-radius: 50%;
display: none;
justify-content: center;
align-items: center;
z-index: 2;
cursor: pointer;
}
.pagetop__arrow {
display: block;
height: 10px;
width: 10px;
border-top: 3px solid #FFF;
border-right: 3px solid #FFF;
transform: translateY(20%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
.pagetop:hover, .pagetop:hover .pagetop__arrow {
border-color: #3293e7;
}
}
html {
scroll-behavior: smooth;
}