#backToTopArrow {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    background-color: #232F3E;
    border-radius: 100%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000000;

    @media (min-width: 768px) {
        right: 2rem;
        bottom: 4rem;
    }

    @media (min-width: 1024px) {
        transition: 0.3s;
        
        &:hover {
            transition: 0.3s;
            cursor: pointer;
            transform: translateY(-1rem);
        }
    }

    img {
        width: 24px;
        display: block;
        filter: invert(100%);
        
        @media (min-width: 768px) {
            width: 46px;
        }
    }
}