.alert-page {
    align-items: center;
    display: none;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    margin: 24px auto 0;
    overflow: hidden;
    padding-left: 24px;
    padding-right: 24px;
    z-index: 1000;
    position: relative;
}

@media (min-width: 768px) {
    .alert-page {
        margin:0 auto
    }
}

.alert-page * {
    box-sizing: border-box
}

.alert-page__text {
    color: rgb(38,38,38);
    font: 600 14px/18px SBSansDisplay,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;
    overflow-wrap: break-word;
    text-align: left
}

@media (min-width: 1024px) {
    .alert-page__text {
        font-size:16px;
        letter-spacing: -.4px;
        line-height: 22px
    }
}

.alert-page__text-no-wrap {
    white-space: nowrap
}

.alert-page__content-container {
    align-items: center;
    background-color: rgba(36,178,62,.08);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 8px;
    height: 100%;
    justify-content: space-between;
    max-width: 668px;
    padding: 8px 12px;
    width: 100%
}

.alert-page__content-container:hover *>span,.alert-page__content-container:hover>div:nth-child(2) svg {
    opacity: .8
}

.alert-page__icon-text-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.alert-page__icon-container {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.alert-page__text-arrow-container {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.alert-page__text-arrow-container>span {
    display: none
}

@media (min-width: 768px) {
    .alert-page__text-arrow-container>span {
        display:flex
    }
}

.alert-page__arrow {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}