main {
    background: white;
}

.location {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
    column-gap: 40px;
    row-gap: 24px;
}
.location:last-child {
    background-color: var(--darktan);
}

@media (min-width: 1200px) {
    .location {
        flex-direction: row;
    }
}

.location img {
    height: 300px;
    width: 300px;
    object-fit: cover;
    border-radius: 32px;
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.12); 
}

.location-details {
    display: flex;
    flex-direction: column;
}
.location-details a {
    display: flex;
    display: -webkit-flex;
    text-decoration: none;
    color: inherit;
    margin-top: 8px;
}
.location-details a:hover {
    text-decoration: underline;
}
.location-details button {
   padding: 12px 20px;
   margin-top: 12px;
}