.PopularDestinations {
  display: flex;
  flex-direction: column;
}
.PopularDestinations__body {
  display: grid;
  grid-gap: var(--s-bs);
  grid-template-columns: repeat(3, calc(33.33333% - 8px));
}
.PopularDestinations__body article > a {
  border-radius: var(--s-br);
  display: block;
}
    .PopularDestinations__body article  > a > img {
        border-top-left-radius: var(--s-br);
        border-top-right-radius: var(--s-br);
    }
    .PopularDestinations__body article > a > h2,
    .PopularDestinations__body article > a > h3,
    .PopularDestinations__body article > a > h4 {
        padding: var(--s-bs);
    }
        .PopularDestinations__body article > a > h2 > span,
        .PopularDestinations__body article > a > h3 > span,
        .PopularDestinations__body article > a > h4 > span {
            display: block;
        }
    .PopularDestinations__body article > a > div {
        padding: var(--s-bs);
    }
        .PopularDestinations__body article > a > div > span {
            font-size: 16px;
        }
    .PopularDestinations__body article > a {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    }
        .PopularDestinations__body article > a > img {
            width: 100%;
        }
        .PopularDestinations__body article > a > h2,
        .PopularDestinations__body article > a > h3,
        .PopularDestinations__body article > a > h4 {
            color: var(--c-black);
            font-size: 24px;
        }
            .PopularDestinations__body article > a > h2 > span:first-child,
            .PopularDestinations__body article > a > h3 > span:first-child,
            .PopularDestinations__body article > a > h4 > span:first-child {
                width: 99%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        .PopularDestinations__body article > a > div {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            border-top: 1px solid var(--c-gray-27);
            padding: var(--s-bs) 0;
            margin: 0 var(--s-bs);
            min-height: 70px;
        }
            .PopularDestinations__body article > a > div > span {
                color: var(--c-black);
            }
            .PopularDestinations__body article > a > div button {
                padding: 0.5em 1.25em;
            }
                .PopularDestinations__body article > a > div button span {
                    color: var(--c-green-3);
                }
                    .PopularDestinations__body article > a > div button span > b {
                        font-size: 24px;
                        font-weight: 500;
                    }
        .PopularDestinations__body article > a:hover {
            text-decoration: none;
        }
            .PopularDestinations__body article > a:hover > div > span:nth-child(2) {
                display: none;
            }
            .PopularDestinations__body article > a:hover > div button {
                border-radius: var(--s-br);
                background: var(--c-gold-gradient);
                box-shadow: 0px 3px 4px rgba(247, 207, 48, 0.5);
            }
                .PopularDestinations__body article > a:hover > div button > span {
                    color: var(--c-black-1);
                }
                    .PopularDestinations__body article > a:hover > div button > span b {
                        color: var(--c-black-1);
                    }
                .PopularDestinations__body article > a:hover > div button:hover,
                .PopularDestinations__body article > a:hover > div button:focus {
                    background: var(--c-gold-gradient-1);
                    color: var(--c-black-1);
                }
                .PopularDestinations__body article > a:hover > div button:active {
                    background: var(--c-gold-gradient-2);
                    color: var(--c-black-1);
                }