.guest-favorites-login-toast {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: calc(100vw - 32px);
  white-space: normal;
  z-index: 9999;
}

.guest-favorites-login-toast p {
  margin: 0;
}

.guest-favorites-login-cta {
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: var(--wp--preset--color--vape-shop-white, #ffffff);
  color: var(--wp--preset--color--vape-shop-primary, #1f534f);
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 16px;
  transition: all .1s linear;
  white-space: nowrap;
}

@media (any-hover: hover) {
  .guest-favorites-login-cta:hover {
    background-color: var(--wp--preset--color--vape-shop-accent, #ff9921);
    color: var(--wp--preset--color--vape-shop-white, #ffffff);
  }
}

@media (hover: none) {
  .guest-favorites-login-cta:active {
    background-color: var(--wp--preset--color--vape-shop-accent, #ff9921);
    color: var(--wp--preset--color--vape-shop-white, #ffffff);
  }
}

.guest-favorites-login-state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.wp-block-vape-shop-favorites-products .guest-favorites-login-state {
  margin: 0;
}

@media (max-width: 782px) {
  .guest-favorites-login-toast {
    left: 16px;
    right: 16px;
    transform: none;
  }

  .guest-favorites-login-cta {
    width: 100%;
  }
}