.custom-toast {
  position:                                                 fixed;
  z-index:                                                  2147483601;
  background:                                               white;
  right:                                                    0px;
  bottom:                                                   0px;
  margin:                                                   10px;
  border:                                                   solid 1px #ddd;
  padding:                                                  5px 10px;
  border-radius:                                            8px;
  min-width:                                                240px;
  opacity:                                                  1 !important;
  &.new-version {
    svg.count {
      width:                                                40px;
      height:                                               40px;
      transform:                                            rotateY(-180deg) rotateZ(-90deg);
      circle {
        stroke-dasharray:                                   113px;
        stroke-dashoffset:                                  0px;
        stroke-linecap:                                     round;
        stroke-width:                                       4px;
        stroke:                                             white;
        fill:                                               none;
        animation:                                          countdown 33s linear forwards;
      }
    }

    @keyframes countdown {
      from {
        stroke-dashoffset:                                  0px;
      }
      to {
        stroke-dashoffset:                                  113px;
      }
    }
  }
}
