Card by PaolaMarai
#212121
1.error { 2 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 3 Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 4 width: 320px; 5 padding: 12px; 6 display: flex; 7 flex-direction: row; 8 align-items: center; 9 justify-content: start; 10 border-radius: 50px; 11 background: -webkit-linear-gradient(to right, #f45c43, #eb3349); 12 background: linear-gradient(to right, #f45c43, #eb3349); 13 box-shadow: 0 0px 10px #de1c3280; 14} 15 16.error__icon { 17 width: 20px; 18 height: 20px; 19 transform: translateY(-2px); 20 margin-right: 8px; 21 filter: drop-shadow(2px 1px 2px rgb(0 0 0 / 0.4)); 22} 23 24.error__icon path { 25 fill: #fff; 26} 27 28.error__title { 29 font-weight: 500; 30 font-size: 14px; 31 color: #fff; 32} 33 34.error__close { 35 width: 20px; 36 height: 20px; 37 cursor: pointer; 38 margin-left: auto; 39 filter: drop-shadow(2px 1px 2px rgb(0 0 0 / 0.4)); 40} 41 42.error__close path { 43 fill: #fff; 44} 45
506 views
Variation of acard
MIT License