#cart {
    width: 6.5rem;
    height: 5rem;
    padding: 1rem;
    position: fixed;
    bottom: 2.8rem;
    right: 2rem;
    background-color: #6C8CD5;
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    z-index: 1;
}
#cart h6 {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    width: 100%;
    color: #ffffff;
}
#cart svg{
    width: 1.325rem;
    height: 1.325rem;
}
#cart svg path{
    fill: #ffffff;
}
#cart:hover{
    -webkit-box-shadow: 3px 3px 3px 0px rgba(51, 51, 51, 0.10);
       -moz-box-shadow: 3px 3px 3px 0px rgba(51, 51, 51, 0.10);
            box-shadow: 3px 3px 3px 0px rgba(51, 51, 51, 0.10);
}
@media screen and (max-width: 980px){
#cart {
    right: 0;
}
}