.popup-bar{position:relative;z-index:15;width:100%;height:50px;max-height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.popup-bar .title{margin:0;color:var(--color)}.popup-bar .description{margin:0;padding-right:25px;color:var(--color)}.popup-bar .close-button{position:absolute;right:0}.popup-bar .close-button .button-icon{font-size:1rem;line-height:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.popup-box{position:fixed;z-index:15;bottom:1.75rem;margin:0 1rem;width:calc(100% - 2rem)}.popup-box .card{max-width:500px;margin:auto}.popup-box .card .card-body .popup-box-title{position:relative;z-index:1}@media (max-width:575px){.popup-bar{padding:0 1rem;justify-content:flex-start}.popup-bar .description{font-size:.9rem;line-height:1}.popup-bar .button:not(.close-button){position:absolute;left:0;width:100%;height:50px;margin:0}.popup-bar .button:not(.close-button) .button-text,.popup-bar .button:not(.close-button) .button-icon{display:none}}