.modal.right .modal-dialog {  position:fixed; margin:auto; width:500px; height:100vh;  -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0);   transform: translate3d(0%, 0, 0); } .modal.right .modal-content { height:95vh; top:2.5vh; overflow-y:auto; border-radius:0; } .modal.right .modal-body { padding:1rem; overflow-y:auto; } .modal.right.fade .modal-dialog {  right: -500px;  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;   -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out;   transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.show .modal-dialog { right:0; } #cart-modal .modal-header { display:flex; align-items:center; background-color:var(--color-green); border-radius:0; color:#fff; border:none; } #cart-modal .modal-header h4 { font-size:1.4rem; padding:0 1rem; } #cart-modal .modal-header svg { fill:#fff; } #cart-modal .modal-info-footer { padding:2rem; font-size:0.8rem; font-weight:bold; } #cart-modal hr.divider { border-top-width:0.75rem; margin:.5rem -1rem; } .cart-modal-item { padding:1rem; } .cart-modal-item a { text-decoration:none; color:inherit; } .cart-modal-header a { flex-direction:row; outline:none; } .cart-modal-header a svg { margin-left: .5rem; } .cart-modal-header a span { font-size:.8rem; padding-top:.15rem; } .cart-modal-header a:not(.collapsed) span { display:none; } .cart-modal-header a:not(.collapsed) svg { transform: rotate(180deg); } .cart-modal-header h5 { flex:1; text-transform:uppercase; } .cart-modal-body .cart-extra-content { } .cart-modal-footer > div { display:flex; flex-direction:row; align-items:center; justify-content:space-between; } .cart-modal-footer a { display:flex; flex-direction:row; } .cart-modal-footer a span { margin-left:.5rem; padding-top:.15rem; font-size:.8rem; }