.ptc-compare-teaser .acf-innerblocks-container {
    margin-block: 3rem;
}

/* --- Select Posts Compare Container --- */
.ptc-teaser-select-container {
    min-height: unset;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 2.25rem;
    margin: 3rem auto 5rem;
    border-radius: 1.25rem;
    background-color: var(--wp--preset--color--light-grey);
}

.ptc-teaser-select-container .ptc-teaser-options-container {
    flex-basis: 100%;
}

.ptc-teaser-select-container .ptc-teaser-options-container select {
    width: 100%;
    box-shadow: 2px 3px 7px 2px rgba(36, 36, 36, 0.1);
    min-height: 53px;
    border-radius: 24px;
    outline: none;
    border: none;
    padding: 1rem 2rem;
    font-size: 1rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene-1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M11.7,17.9l8-13.9c.8-1.3-.2-3-1.7-3H2C.5,1.1-.5,2.7.3,4l8,13.9c.8,1.3,2.7,1.3,3.4,0h0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 20px top 50%;
    border: none;
    cursor: pointer;
    position: relative;
}

.ptc-teaser-select-container .ptc-options-divider {
    width: 2rem;
    height: 2rem;
    background: #000;
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
}

#ptc-teaser-btn {
    font-family: var(--wp--preset--font-family--proxima-nova) !important;
    background-color: var(--wp--preset--color--purple) !important;
    font-size: var(--wp--preset--font-size--x-small);
    border-radius: 999px;
    padding: 12px 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    width: fit-content !important;
    height: fit-content !important;
    flex-basis: unset;
    margin: 0;
    transform: unset;
    min-width: auto !important;
}

#ptc-teaser-btn::after {
    content: "";
    display: inline-block;
    margin-left: 0.75em;
    background-color: currentColor;
    width: 0.9em;
    height: 0.9em;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

#ptc-teaser-btn:hover::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

@media only screen and (min-width: 782px) {
    .ptc-teaser-select-container .ptc-teaser-options-container {
        flex-basis: calc(50% - 2.5rem);
    }

    .ptc-teaser-select-container .ptc-options-divider {
        display: flex;
    }
}