.popup-handle {
    display: inline;
    height: fit-content;
    left: 0.75em;
    position: absolute;
    top:0;
    width: fit-content;
    z-index:100;
}

.popup-handle > img {
    transition: transform 100ms;
    height: 160px;
}

.popup-handle > img:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.popup-content {
    border-radius: 0 25px 25px 25px;
    color: #fff;
    margin-left: 5rem;
    max-width: 85%;
    padding: 2em;
    position: absolute;
    top: 0;
    transform: translateX(calc(-100% - 50vw));
    transition: transform 500ms;
    z-index: 100;
}

.popup-content.active {
    transform: none;
}

.preload.popup-content {
  transition: none !important;
}

.popup-content h2,
.popup-content h3,
.popup-content h4,
.popup-content h5 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.popup-content > .frame.mb-5,
.popup-content > .frame.mb-5 p {
  margin-bottom: 0 !important;
}

.popup-content .btn {
    margin-left: 1.6rem;
}

.popup-content ul {
    font-size: 1.2em;
    line-height: 1.7rem;
}

.popup-content ul li {
    list-style: none;
    padding-bottom: 0.8em;
}

.popup-content ul li:before {
    content: "⟶";
    padding-right: .3em;
    margin-left: -1.7em;
}