.info {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
    color: $primary;
    text-align: left;
    font-size: 1.2rem;
    width: 445px !important;
    border-radius: 10px;
    background-color: #e1f4fb;

    i.close {
        font-style: normal;
        cursor: pointer;
        position: absolute;
        top: .5rem;
        right: 1rem;
        height: 0;
        // 
        border-radius: 50%;
        font-family: "generic-icons";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none;
        font-weight: normal !important;
        color: $red;
        background: $white;
        text-shadow: 2px 0 0 $white, -2px 0 0 $white, 0 2px 0 $white, 0 -2px 0 $white, 1px 1px $white, -1px -1px 0 $white, 1px -1px 0 $white, -1px 1px 0 $white;
        // 
        transition: color 250ms ease;
        font-size: 2.2rem;

        &::before {
            content: '\e848';
        }

        &:hover {
            color: $secondary;
        }
    }

    p {
        margin: 1rem 0;
        line-height: 14px;
    }

    .right-magnet {
        float: right;
    }

    button {
        &.cancel {
            border: 1px solid $primary;
            background: transparent;
            color: $primary;

            &:hover {
                background: $primary;
                color: $white;
            }
        }
    }
}