.circle-offer {
    position: relative;
    height: 17.625rem;
    width: 17.625rem;
    border-radius: 9999px;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgb(103 248 185 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-border-opacity: 0.5 !important;
    --tw-shadow: 0px 20px 42px 0px rgba(103, 248, 185, 0.05);
    --tw-shadow-colored: 0px 20px 42px 0px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.circle-offer .wp-block-image {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.625rem;
    width: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2.375rem
}
.circle-offer .wp-block-image.soon-badge {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important
}
.circle-offer .soon-desc {
    margin-top: 0px !important
}
.circle-offer .offer-description {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0em;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.circle-offer .wp-block-buttons {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.circle-offer .wp-block-buttons .wp-block-button .wp-element-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    text-align: center;
    font-size: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(66 234 162 / var(--tw-text-opacity))
}
.circle-offer .wp-block-buttons .wp-block-button .wp-element-button::after {
    margin-left: 0.25rem;
    margin-top: 0.0625rem;
    display: inline-block;
    height: 0.8125rem;
    width: 0.75rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODM3NzkgNi44MTg0MUw1LjA4Nzc5IDEwLjg4MDlDNS4wNTI5NSAxMC45MTg3IDUuMDExNTggMTAuOTQ4NiA0Ljk2NjA2IDEwLjk2OUM0LjkyMDU0IDEwLjk4OTQgNC44NzE3NSAxMSA0LjgyMjQ3IDExQzQuNzczMiAxMSA0LjcyNDQxIDEwLjk4OTQgNC42Nzg4OSAxMC45NjlDNC42MzMzNyAxMC45NDg2IDQuNTkyIDEwLjkxODcgNC41NTcxNiAxMC44ODA5QzQuNTIyMzIgMTAuODQzMiA0LjQ5NDY4IDEwLjc5ODQgNC40NzU4MyAxMC43NDlDNC40NTY5NyAxMC42OTk3IDQuNDQ3MjcgMTAuNjQ2OSA0LjQ0NzI3IDEwLjU5MzVDNC40NDcyNyAxMC41NDAxIDQuNDU2OTcgMTAuNDg3MyA0LjQ3NTgzIDEwLjQzNzlDNC40OTQ2OCAxMC4zODg2IDQuNTIyMzIgMTAuMzQzOCA0LjU1NzE2IDEwLjMwNjFMOC4wNDIzMiA2LjUzMDk5TDQuNTU3MTYgMi43NTU5MUM0LjQ4NjggMi42Nzk2OCA0LjQ0NzI3IDIuNTc2MjkgNC40NDcyNyAyLjQ2ODQ5QzQuNDQ3MjcgMi4zNjA2OCA0LjQ4NjggMi4yNTcyOSA0LjU1NzE2IDIuMTgxMDdDNC42Mjc1MyAyLjEwNDg0IDQuNzIyOTYgMi4wNjIwMSA0LjgyMjQ3IDIuMDYyMDFDNC45MjE5OSAyLjA2MjAxIDUuMDE3NDIgMi4xMDQ4NCA1LjA4Nzc5IDIuMTgxMDdMOC44Mzc3OSA2LjI0MzU3QzguODcyNjUgNi4yODEyOSA4LjkwMDMxIDYuMzI2MSA4LjkxOTE4IDYuMzc1NDJDOC45MzgwNiA2LjQyNDc0IDguOTQ3NzcgNi40Nzc2IDguOTQ3NzcgNi41MzA5OUM4Ljk0Nzc3IDYuNTg0MzcgOC45MzgwNiA2LjYzNzI0IDguOTE5MTggNi42ODY1NkM4LjkwMDMxIDYuNzM1ODcgOC44NzI2NSA2Ljc4MDY4IDguODM3NzkgNi44MTg0MVoiIGZpbGw9IiM0MkVBQTIiLz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: '';
    content: var(--tw-content)
}
.circle-offer:hover .wp-block-buttons {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 1
}
.circle-offer .hover-bg {
    position: absolute;
    z-index: -10;
    display: block;
    height: 10rem;
    width: 10rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(41 152 255 / var(--tw-bg-opacity));
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.circle-offer .hover-bg.bottom {
    bottom: 0.0625rem;
    left: 3.875rem;
    --tw-bg-opacity: 1;
    background-color: rgb(56 198 137 / var(--tw-bg-opacity))
}
.circle-offer .hover-bg.right {
    top: 3rem;
    right: 0.0625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(56 198 137 / var(--tw-bg-opacity))
}
.circle-offer .hover-bg.left {
    top: 3rem;
    left: 0.0625rem;
    --tw-bg-opacity: 1;
    background-color: rgb(56 198 137 / var(--tw-bg-opacity))
}
.circle-offer:hover .hover-bg.bottom {
    --tw-translate-y: 0.625rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.circle-offer:hover .hover-bg.right {
    --tw-translate-x: 0.5rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.circle-offer:hover .hover-bg.left {
    --tw-translate-x: -0.5rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
body.wp-admin .circle-offer-clickable {
    display: none
}
body:not(.wp-admin) .circle-offer-clickable {
    position: absolute;
    inset: 0px;
    z-index: 10
}