.fis-toaster-wrapper {width: 650px; right: -680px; min-height: 132px; position: fixed; z-index: 10; bottom: 30px; transition: all 0.4s ease-in-out; border-radius: 10px;box-shadow: 0px 0px 26px #00000080; overflow: hidden; border: 2px solid #fff; z-index: 99999;}
.fis-toaster-wrapper .toaster-nav {width: 43px; position: fixed; z-index: 100; bottom: 30px; right: 0px; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: 10px 0 0 10px; box-shadow: 0px 0px 26px #00000080;}
.fis-toaster-wrapper .toaster-nav .toaster-copy {display: flex; align-items: center; flex-direction: column; padding: 14px 0;}
.fis-toaster-wrapper .toaster-nav .toaster-copy p {text-orientation: mixed; writing-mode: vertical-rl; transform: rotate(180deg); margin: 0; font: bold 14px/14px 'Roobert Medium', sans-serif; padding-top: 10px;}
.fis-toaster-wrapper .toaster-nav.active {right: 0; background-color: rgba(255, 255, 255, 0.2); opacity: 0; pointer-events: none;}            
.fis-toaster-wrapper.show {right: 30px; background-color: rgba(255, 255, 255, 0.2); transition: all 0.6s ease-in-out;}
.fis-toaster-wrapper .close-btn {position: absolute; right: 10px; top: 9px; z-index: 99; padding: 5px; cursor: pointer; line-height: 0;}
.fis-toaster-wrapper .close-btn .fis-icon {height: 18px; width: 18px;}
.fis-toaster-wrapper .toaster-copy-inner {display: flex; }
.fis-toaster-wrapper .toaster-copy-inner img {max-width: 100%;}
.fis-toaster-wrapper .toaster-copy-inner .content {flex: 1 1 auto; width: calc(100% - 150px); font: bold 14px/14px 'Roobert Medium', sans-serif; padding: 15px;}
.fis-toaster-wrapper .toaster-copy-inner .img {line-height: 0; width: 150px; display: flex; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.fis-toaster-wrapper .toaster-copy-inner .toaster-title {font: bold 16px/18px 'Roobert Medium', sans-serif; padding-right: 25px; margin-bottom: 15px;}
.fis-toaster-wrapper .toaster-copy-inner a {font: bold 14px/16px 'Roobert Medium', sans-serif;}
.fis-toaster-wrapper .toaster-copy-inner p {font: normal 14px/18px 'Roobert Regular', sans-serif; margin-top: 0;}
.fis-toaster-wrapper .toaster-copy-inner a .fis-icon {width: 2em; position: relative; top: 3px;}
.fis-toaster-wrapper .toaster-copy-inner a svg {padding-left: 5px; transition: all 0.6s; left: 0;}
.fis-toaster-wrapper .toaster-copy-inner a:hover svg {left: 5rem;}
.fis-toaster-wrapper .toaster-copy-inner .img.align-center {justify-content: center;}
.fis-toaster-wrapper .toaster-copy-inner .img.align-right {justify-content: flex-end;}
.fis-toaster-wrapper.fis-bg-white.show .fis-close-svg {stroke: #000;}
.fis-toaster-wrapper .toaster-copy-inner a.toaster-cta.btn-primary-green-on-dark {background: transparent; border: 0; padding: 0; color: #000 !important;}

@media screen and (max-width: 570px) {
    .fis-toaster-wrapper .toaster-nav {width: auto; bottom: 0px; right: 20px; border-radius: 10px 10px 0 0; transition: all 0.2s;}
    .fis-toaster-wrapper .toaster-nav.active {right: 20px; bottom: -40px;}
    .fis-toaster-wrapper .toaster-nav .toaster-copy {flex-direction: row; padding: 8px 14px 8px 6px;}
    .fis-toaster-wrapper .toaster-nav .toaster-copy p {text-orientation: inherit; writing-mode: inherit; transform: inherit; order: 2; padding: 0 0 0 10px;}
    .fis-toaster-wrapper .toaster-nav .toaster-copy i {order: 1;}
    .fis-toaster-wrapper .toaster-copy-inner {display: block;}
    .fis-toaster-wrapper .toaster-copy-inner .content {width: 100%;}
    .fis-toaster-wrapper .toaster-copy-inner .img {width: 100%; display: none;}
    .fis-toaster-wrapper {max-width: 300px; height: auto; right: 20px; bottom: calc(-100%);}
    .fis-toaster-wrapper.show {max-width: 300px; right: 20px; bottom: 20px; transition: all 0.4s ease-in-out;}
    .fis-toaster-wrapper .close-btn {right: 5px; top: 5px; background: white; border-radius: 50px; border: 1px solid #000; height: auto; width: auto;}
}