.container{
    margin: 10px;
    max-width: 1260px;
    overflow: auto;
    padding: 0 20px;
}

.container i{
    display: none;
}

@media screen and (max-width: 720px){
     
    .container{
        display: flex;
        justify-content: end;
    }

    .container i{
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.212);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        border-radius: 50%;
        cursor: pointer;
        transition: all 300ms;
        margin-top: 0.5rem;
        position: fixed;
        z-index: 1;
    }

    .container i:hover{
        background: rgba(255, 255, 255, 0.3);
    }

}