/* Path: app/static/css\go_top_and_down.css */

#go-top,
#go-down {
    display: none;
    position: fixed;
    right: clamp(8px, 1vw, 16px);
    width: 53px;
    height: 53px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background-color: #cde3f5;
    cursor: pointer;
    z-index: 1000;
}

#go-top {
    top: calc(50% - 28px);
}

#go-down {
    top: calc(50% + 28px);
}

.go-top__icon,
.go-down__icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#go-top:hover,
#go-down:hover {
    background-color: #b9d6ed;
}

@media (max-width: 600px) {
    #go-top,
    #go-down {
        width: 48px;
        height: 48px;
        right: 8px;
    }

    #go-top {
        top: calc(50% - 25px);
    }

    #go-down {
        top: calc(50% + 25px);
    }
}