.rmb-text-xsbase {
    font-size: 12px;
    line-height: 16px;
}

.rmb-text-xbase {
    font-size: 14px;
    line-height: 20px;
}

.rmb-text-base {
    font-size: 16px;
    line-height: 24px;
}

.rmb-text-default-bold {
    color: #1F2122;
    font-weight: 700;
}

.rmb-text-default-semibold {
    color: #1F2122;
    font-weight: 500;
}

.rmb-text-default-light {
    color: #1F2122;
    font-weight: 400;
}

.rmb-text-weak-bold {
    color: #414346;
    font-weight: 700;
}

.rmb-text-weak-semibold {
    color: #414346;
    font-weight: 500;
}

.rmb-text-weak-light {
    color: #414346;
    font-weight: 400;
}

.rmb-wrapper-promotion {
    display: grid;
    align-items: center;
    margin-top: 24px;
}

.rmb-wrapper-promotion.rmb-revo-theme {
    grid-template-columns: auto 1fr;
    gap: 24px;
}

.rmb-wrapper-promotion.rmb-storefront-theme {
    grid-template-columns: 1fr;
    gap: 8px;
}

.rmb-label-promotion {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: auto;
    background: #FF4D00;
    background: linear-gradient(90deg,rgba(255, 77, 0, 1) 0%, rgba(255, 125, 31, 1) 100%);
    border-radius: 8px;
    padding: 12px;
}

.rmb-label-promotion .rmb-label-text {
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.rmb-wrapper-promotion .rmb-label-btn button {
    color: #FF4D00;
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 8px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    transition: 0.05s;
}

.rmb-wrapper-promotion .rmb-label-btn button:hover {
    background-color: #f1f1f1;
    scale: 0.95
}

.rmb-label-promotion .rmb-label-text::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.865%203.80187L25.6783%208.94854L30.3583%2011.3352L27.9983%2016.0019L30.3717%2020.6685L25.6517%2023.0552L24.8383%2028.2019L19.6517%2027.3885L15.9583%2031.0685L12.2517%2027.3352L7.105%2028.1885L6.27833%2023.0019L1.625%2020.6285L3.99833%2015.9619L1.63833%2011.3352L6.31833%208.92188L7.13167%203.81521L12.2917%204.66854L15.9983%200.921875L19.6917%204.61521L24.865%203.80187ZM12.665%209.33521C12.1346%209.33521%2011.6259%209.54592%2011.2508%209.92099C10.8757%2010.2961%2010.665%2010.8048%2010.665%2011.3352C10.665%2011.8656%2010.8757%2012.3744%2011.2508%2012.7494C11.6259%2013.1245%2012.1346%2013.3352%2012.665%2013.3352C13.1954%2013.3352%2013.7041%2013.1245%2014.0792%2012.7494C14.4543%2012.3744%2014.665%2011.8656%2014.665%2011.3352C14.665%2010.8048%2014.4543%2010.2961%2014.0792%209.92099C13.7041%209.54592%2013.1954%209.33521%2012.665%209.33521ZM19.3317%2018.6685C18.8012%2018.6685%2018.2925%2018.8793%2017.9175%2019.2543C17.5424%2019.6294%2017.3317%2020.1381%2017.3317%2020.6685C17.3317%2021.199%2017.5424%2021.7077%2017.9175%2022.0828C18.2925%2022.4578%2018.8012%2022.6685%2019.3317%2022.6685C19.8621%2022.6685%2020.3708%2022.4578%2020.7459%2022.0828C21.121%2021.7077%2021.3317%2021.199%2021.3317%2020.6685C21.3317%2020.1381%2021.121%2019.6294%2020.7459%2019.2543C20.3708%2018.8793%2019.8621%2018.6685%2019.3317%2018.6685ZM11.2117%2022.6685L22.665%2011.2152L20.785%209.33521L9.33167%2020.7885L11.2117%2022.6685Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 568px) {
    .rmb-wrapper-promotion {
        grid-template-columns: 1fr;
        gap: 20px;
        border-radius: 4px;
    }

    .rmb-label-promotion {
        flex-direction: column;
    }
}