.base-alert{align-items:center;background:#eaedee;border-left:5px solid #417a86;border-radius:4px;color:#024d5e;display:flex;gap:10px;justify-content:space-between;padding:10px;position:relative}.base-alert.with-close{padding-right:30px}.base-alert__close{cursor:pointer;position:absolute;right:10px;top:10px}.base-alert__suffix{flex-shrink:0}@media (min-width:768px){.base-alert{padding:10px 15px}}.base-alert.is-success{background:#cadeb5;border-left:5px solid #3b7a14}.base-alert.is-warning{background:#f8cd61;border-left:5px solid #f5b30f}.base-alert.is-error{background:#ff6c8a;border-left:5px solid #ff204d}