.search-alert {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: rgb(var(--color-oat));
    border-radius: .3125rem;
    padding: .75rem;
    margin: 1rem 0;
}

.search-alert__text {
    flex: 1 0 0;
    margin: 0;
    font-family: var(--font-brand);
    font-size: var(--font-size-label);
    color: rgb(var(--color-graphite));
}

.search-alert__action {
    color: inherit;
    text-decoration: underline;
}

.search-alert__close {
    flex: 0 0 auto;
    height: 24px;
    width: 24px;
    padding: 0;
    border: none;
    background-color: rgb(var(--color-graphite));
    cursor: pointer;
    mask-image: url('/img/cross-close.svg');
    mask-repeat: no-repeat;
    mask-position: center;
}