.alert{background:#f4f3f7;border:1px solid #ccc;border-radius:3px;color:#333;display:flex;flex-direction:row;margin-bottom:12px;position:relative}.alert h3{margin-top:0}.alert__icon{-ms-grid-row-align:center;align-self:center;font-size:25px;padding:10px}.alert__content{padding:15px}.alert__close{background:none;border:none;font-size:1.5em;min-height:35px;min-width:35px}.alert--success{background:#f4fcf0;border-color:#ccdec4}.alert--info{background:#f0f7fd;border-color:#c4d3df}.alert--warning{background:#fcf2f2;border-color:#dec6c6}.alert--danger{background:#fefbed;border-color:#e0dac1}