.alert{grid-gap:var(--gap-sm);-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:grid;grid-template-columns:auto 1fr;line-height:1.2;padding:1.2rem 2rem 1.1rem;text-transform:uppercase}.alert--green{background-color:#bff9c1;color:#3d8740}.alert--red{background-color:#fdebe9;color:#ba000d}.alert__icon svg{fill:currentColor;display:block;height:1.6rem;margin-top:-1px}.alert__text{font-family:var(--secondary-font-family);font-size:1.9rem}