.notice { display: block; width: 100%; padding: 12px 15px; padding-left: 45px; margin-bottom: 30px; font-size: .9rem; font-weight: 400; line-height: 1.35; color: var(--color-blue-dark); background-color: var(--color-blue-20); border-radius: 13px; box-shadow: 0 3px 15px 0 rgba(var(--shadow-rgb), .1); position: relative; }
.notice::before { content: '\f05a'; font-family: var(--fa-style-family); font-size: 22px; font-weight: 600; line-height: 1; position: absolute; top: 10px; left: 10px; }
.notice.warning { color: #3a2302; background-color: var(--color-orange-light); }
.notice.warning::before { content: '\f06a'; }
.notice.danger { color: white; background-color: var(--color-red); }
.notice.danger::before { content: '\f057'; }

.notice a.text-link { font-weight: 500; color: inherit; }
.notice a.text-link:hover { opacity: .7; }