.color-header-card-grid-slice-container {
    .color-header-card {
        .header {
            width: 100%;
            height: 100px;
        }

        .copy {
            min-height: 17rem;
        }
    }
}

.header-color-white {
    background-color: $white;

    h4 {
        color: $light-gray;
    }
}

.header-color-gray {
    background-color: $gray;

    h4 {
        color: $light-gray;
    }
}

.header-color-red {
    background-color: $consumer-primary;

    h4 {
        color: $white;
    }
}

.header-color-light-blue {
    background-color: $light-blue;

    h4 {
        color: $light-gray;
    }
}

.header-color-blue {
    background-color: $business-primary;

    h4 {
        color: $white;
    }
}

// .border-color-purple-gradient {
//     background: linear-gradient(to left top, rgba(0, 0, 102, 1) 0%, rgba(126, 91, 239, 1) 100%);

// }
.header-color-navy-purple {
    background: linear-gradient(90deg, rgba(0, 0, 102, 1) 0%, rgba(126, 91, 239, 1) 100%);
    padding: 5px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    border-radius: 25px;

    .copy {
        border-bottom-right-radius: 19px;
        border-bottom-left-radius: 19px;
    }

    h4 {
        color: $white;
    }
}