/**
 * SB-Side-Info module common styles for child
 */
.side-info > .inner {
    background-color: var(--color-white);
}
.side-info .close {
    font-size: 31px;
    padding:0;
    border:none;
    border-radius: 50%;
    background-color: var(--color-featured-light);
    margin-left: auto;
    display: block;
}
.side-info_notify-back-in-stock{
    --bgcolor-btn: var(--color-featured-light);
    --border-color: var(--color-featured-light);
    --color-btn: var(--color-body);
}

.side-info_notify-back-in-stock .interest-title {
    text-align: center;
    font-size: 20px;
}

.side-info_notify-back-in-stock .success_notice {
    font-size: 32px;
    text-align: center;
}

.side-info_notify-back-in-stock .inner{
    height: auto;
}

.side-info_notify-back-in-stock .btn{
    width: 100%;
}

@media (max-width: 575px) {
    .side-info_notify-back-in-stock .inner {
        height: 38vh;
        width: 90vw;
    }
    .side-info_notify-back-in-stock .interest-title{
        font-size: 19px;
        margin: 18px 0;
        line-height: 1.1;
    }
    .side-info_notify-back-in-stock .success_notice {
        font-size: 32px;
        text-align: center;
        line-height: 1.1;
    }
    .notify-back-in-stock_call-btn {
        font-size: .7rem;
        padding: 8px;
    }
}