.scroll-btn {
    height: 30px;
    width: 30px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #000;
    position: fixed;
    bottom: 45px;
    right: 15px;
    opacity: 0.5;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.scroll-btn {
    background-color: #4e5e82;
    border: 2px solid #AAB3BA;
    opacity: 1 !important;
}

.scroll-btn .scroll-btn-arrow {
    height: 8px;
    width: 8px;
    border: 3px solid;
    border-right: none;
    border-top: none;
    margin: 12px 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: #eeeeee !important;
}

.notouch .scroll-btn:hover {
    opacity: 0.7 !important;
}

.scroll-btn .scroll-btn-arrow:hover {
    color: #D31141 !important;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .scroll-btn {
        bottom: 8px;
        right: 8px;
    }
}