.charm-main{position:fixed;top:30%;right:-2.125rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;z-index:2}.charm-button{height:44px;width:44px;font-size:7px;background:#ebf9f8;color:#97144d;border-radius:8px;transition:ease-in-out .5s all;margin-bottom:.5rem;cursor:pointer;z-index:999;display:none}.charm-bar{border-radius:.625rem 0 0 .625rem;background:#ebf9f8;max-width:4.875rem;transition:ease-in-out .5s all;z-index:10;border:.0625rem solid #81c1bd}.charm-bar.active{-ms-transform:translateX(0);transform:translateX(0)}.charm-bar .charm-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.625rem .75rem .625rem .625rem;transition:all .25s ease-in-out;background:#ebf9f8;margin-bottom:2px}.charm-bar .charm-box:last-child{margin-bottom:0}.charm-bar .charm-box:first-child{border-top-left-radius:.75rem}.charm-bar .charm-box:last-child{border-bottom-left-radius:.75rem}.charm-bar .charm-box span{color:#000;font-family:Lato-Semibold;font-size:.875rem;text-transform:capitalize;display:inline-block;text-align:center;white-space:nowrap;margin-left:.75rem}.charm-bar .charm-box .icon{color:#97144d;font-size:1.5rem}.charm-bar .charm-box:hover{margin-left:-6.675rem;box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.08);position:relative;border-radius:.5rem;width:9.375rem}@media only screen and (max-width:991px){.charm-main{right:0}.charm-button{display:block}.charm-bar{position:absolute;top:50px;right:-200%}.charm-bar.active{right:-34px}}@media only screen and (max-width:767px){.charm-bar .charm-box span{font-size:.75rem}}