.icms-forms__wrap{
    position:relative;
}

.success-modal{
    top:0;
    left:0;
    background-image:var(--color-bg);
    background-color:var(--color-bg);
    color:var(--color-text);
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 100;
}

.icms-forms__full-msg{
    transition:opacity .5s ease;
}
.success-modal__text{
    font-size:1.15rem;
    margin-bottom:3rem;
    padding:0 2rem;
    transition:all .5s ease .2s;
}
.success-modal__title{
    transition:all .5s ease .1s;
}
.success-modal__btn{
    transition:transform .5s ease .3s;
}

.success-modal__close{
    position:absolute;
    top:1rem;
    right:1rem;
    width:3rem;
    height:3rem;
    padding:1rem;
    border-radius:100%;
    background:var(--color-brand);
    color:var(--color-bg);
    transition:opacity .5s ease .4s;
}

.success-modal__close .icon{
    width:100%;
    height:100%;
    top:-.25rem;
    transform:rotate(45deg);
    transition:all .3s ease;
}
.success-modal__close:hover .icon{
    transform:rotate(-45deg);
}

.msg-hidden,
.msg-hidden .success-modal__close{
    opacity:0;
}

.msg-hidden .success-modal__btn{
    transform: scale(0);
}
.msg-hidden .success-modal__text,
.msg-hidden .success-modal__title{
    transform: translateY(50px);
    opacity:0;

}

@media screen and (min-width:63em){
    .success-modal__text{
        font-size:2rem;
    }
}