.cn-floatToastBanner {
 
  position: fixed;
  top: 87px;
  inset-inline: 0;
  background:white ;
  color: red;
  padding: 10px;
  z-index: 99;
  box-shadow: 0 3px 9px -9px #000;
  
  & .cn-close {
  
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    inset-inline-end: 10px;
    color: initial;
    border: 1px solid rgb(0 0 0 / .2);
    
    &:is(:hover) {
  
      background: #eee;
    }
  }
}


@media only screen and (max-width: 768px) {
 
  .cn-floatToastBanner {
    
    position: relative;
    inset: auto;
  }  
}