.suggestions {
  z-index: 5;
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
  cursor: pointer; }
  .suggestions .image {
    height: 100%;
    width: auto; }

.popup-arrow {
  position: relative;
  overflow: inherit; }
  .popup-arrow:after {
    position: absolute;
    z-index: 200;
    width: 75%;
    height: 30%;
    bottom: 0;
    right: 0;
    content: "";
    display: inline-block;
    background: url("/local/templates/kr/assets/public/imgs/arrow.png") no-repeat 110px 75%;
    background-size: cover; }
    @media screen and (max-width: 1024px) {
      .popup-arrow:after {
        width: 85%;
        background-position: 125px 75%; } }
    @media screen and (max-width: 768px) {
      .popup-arrow:after {
        width: 100%;
        background-position: 80px 75%; } }
    @media screen and (max-width: 425px) {
      .popup-arrow:after {
        width: 185%; } }

.welcome {
  padding: 30px 45px; }
  .welcome .popup__content {
    max-width: none; }
    .welcome .popup__content .text-msg {
      max-width: none; }