/* END STYLABLE DIRECTIVE RULES */

#comp-ljioa9gq3 .style-ljiolr7e1__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility 0s;border-radius: 25px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;padding-right: 0px;padding-left: 10px;background: rgba(237, 21, 102, 0.27)}

/* START STYLABLE DIRECTIVE RULES */

#comp-ljioa9gq3 .style-ljiolr7e1__root:hover {
    background: rgba(237, 21, 102, 0.27);
    border: 2px solid #FFFFFF;
    padding-left: 8px;
}

#comp-ljioa9gq3 .style-ljiolr7e1__root:hover .StylableButton2545352419__icon {
    transform: rotate(2deg);
    fill: #ED1566;}

#comp-ljioa9gq3 .style-ljiolr7e1__root:hover .StylableButton2545352419__label {
    color: #000000;
}

#comp-ljioa9gq3 .style-ljiolr7e1__root:disabled{
    background: rgba(0, 0, 0, 0.04)}

#comp-ljioa9gq3 .style-ljiolr7e1__root:disabled .StylableButton2545352419__label{color: #8F8F8F}

#comp-ljioa9gq3 .style-ljiolr7e1__root:disabled .StylableButton2545352419__icon{
    fill: rgba(143, 143, 143, 0.41)}

#comp-ljioa9gq3 .style-ljiolr7e1__root .StylableButton2545352419__container{transition: inherit;justify-content: flex-start;flex-direction: row}

#comp-ljioa9gq3 .style-ljiolr7e1__root .StylableButton2545352419__label{transition: inherit;letter-spacing: 0em;font-family: poppins-semibold,poppins,sans-serif;font-size: 14px;margin: 0px 0px 0px 4px;color: #FFFFFF;display: none}

#comp-ljioa9gq3 .style-ljiolr7e1__root .StylableButton2545352419__icon{transition: inherit;margin: 0px 4px 0px 0px;display: initial;width: 40px;height: 40px;fill: #ED1566}@media screen and (min-width: 320px) and (max-width: 1000px){#comp-ljioa9gq3 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}@media screen and (min-width: 320px) and (max-width: 750px){#comp-ljioa9gq3 {/* START STYLABLE DIRECTIVE RULES */}

/* END STYLABLE DIRECTIVE RULES */}