:root {
    --inspiro-primary-color: #242628;
}

.wpz-welcome-notice,
.wpz-review-notice {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='303' height='419' viewBox='0 0 303 419' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' fill-rule='evenodd' clip-rule='evenodd' d='M209.5 419C325.204 419 419 325.204 419 209.5C419 93.7964 325.204 0 209.5 0C93.7964 0 0 93.7964 0 209.5C0 325.204 93.7964 419 209.5 419ZM176.742 93.9576C176.742 75.7255 191.522 60.9455 209.754 60.9455H239.465C241.288 60.9455 242.766 62.4235 242.766 64.2467V122.99C242.766 124.079 242.185 125.085 241.242 125.629L181.313 160.229C179.281 161.402 176.742 159.936 176.742 157.59V93.9576ZM178.265 219.167L238.195 184.567C240.227 183.394 242.766 184.86 242.766 187.206V325.042C242.766 343.275 227.986 358.055 209.754 358.055H180.043C178.22 358.055 176.742 356.577 176.742 354.753V221.806C176.742 220.718 177.323 219.712 178.265 219.167Z' fill='%233496FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right;
    border-left-width: 1px;
    border-radius: 7px;
    overflow: hidden;
    padding: 25px 25px 5px;
}
.wpz-welcome-notice a,
.wpz-review-notice a {
    font-weight: 600;
}
.wpz-welcome-notice .wpz-notice-heading,
.wpz-review-notice .wpz-notice-heading {
    display: block;
    margin-bottom: 10px;
}
.wpz-welcome-notice .wpz-notice-heading p,
.wpz-review-notice .wpz-notice-heading p {
    font-size: 14px;
    opacity: 0.7;
}
.wpz-welcome-notice .wpz-notice-content,
.wpz-review-notice .wpz-notice-content {
    display: flex;
    max-width: 1050px;
}
.wpz-welcome-notice .wpz-notice-content note,
.wpz-review-notice .wpz-notice-content note {
    font-size: 14px;
    opacity: 0.5;
    margin-bottom: 15px;
    display: block;
}
.wpz-welcome-notice .wpz-notice-image,
.wpz-review-notice .wpz-notice-image {
    margin: 0 5px 0 -15px;
    max-width: 180px;
    display: flex;
    align-items: flex-start;
}
.wpz-welcome-notice .wpz-notice-image img,
.wpz-review-notice .wpz-notice-image img {
    vertical-align: top;
}
.wpz-welcome-notice .wpz-notice-text p,
.wpz-review-notice .wpz-notice-text p {
    font-size: 14px;
}
.wpz-welcome-notice .wpz-notice-text p a,
.wpz-review-notice .wpz-notice-text p a {
    color: var(--inspiro-primary-color);
}
.wpz-welcome-notice .wpz-notice-text p a:hover,
.wpz-review-notice .wpz-notice-text p a:hover {
    text-decoration: none;
}
.wpz-welcome-notice h3,
.wpz-review-notice h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 20px;
}
.wpz-welcome-notice .button,
.wpz-review-notice .button {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: var(--inspiro-primary-color) !important;
    padding: 3px 13px;
    transition: all 0.3s ease;
    margin-right: 5px;
    border: 1px solid var(--inspiro-primary-color) !important;
    border-radius: 4px;
}
.wpz-welcome-notice .button:hover, .wpz-welcome-notice .button:active,
.wpz-review-notice .button:hover,
.wpz-review-notice .button:active {
    color: #fff;
    background-color: #575c61 !important;
}
.wpz-welcome-notice .button.button-secondary,
.wpz-review-notice .button.button-secondary {
    color: var(--inspiro-primary-color);
    background-color: transparent !important;
}
.wpz-welcome-notice .button.button-secondary:hover, .wpz-welcome-notice .button.button-secondary:active,
.wpz-review-notice .button.button-secondary:hover,
.wpz-review-notice .button.button-secondary:active {
    background-color: rgba(47, 141, 242, 0.1) !important;
}
.wpz-welcome-notice .wpz-welcome-notice-button,
.wpz-review-notice .wpz-welcome-notice-button {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wpz-review-notice {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='240' height='94' viewBox='0 0 56 164' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M0 0H540V164H81.5C36.4888 164 0 127.511 0 82.5V0Z' fill='%233496FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    border-left-width: 1px !important;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    padding: 20px 25px 5px 25px !important;
}
.wpz-review-notice .wpz-notice-text p a {
    color: var(--inspiro-primary-color);
}
.wpz-review-notice .wpz-notice-text p a:hover {
    text-decoration: none;
}
.wpz-review-notice h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wpz-review-notice .wpz-welcome-notice-button {
    margin-top: 20px;
    margin-bottom: 20px;
}

.wpz-review-notice .wpz-welcome-notice-button .dashicons {
    margin-right: 3px;
    margin-top: 3px;
    font-size: 14px;
}

.wpz-welcome-notice-hide {
    text-decoration: none;
}

@media screen and (max-width: 600px) {
    .wpz-welcome-notice,
    .wpz-review-notice {
        background: #fff;
        flex-direction: column;
    }
}
@media screen and (max-width: 540px) {
    .wpz-welcome-notice .wpz-notice-content,
    .wpz-review-notice .wpz-notice-content {
        display: block;
    }
}