Подписка на рассылку

{source}
<style>
#list-trn { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } 
#list-trn input[type="checkbox"] { width: 15px; height: 15px; border: 1px solid gray; box-sizing: border-box; cursor: pointer; } 
#list-trn p { margin: 0; } .uk-form-stacked input[type="email"], 
.uk-form-stacked input[type="text"] { border: 1px solid gray; margin-bottom: 5px; padding: 6px 8px; box-sizing: border-box; width: 100%; max-width: 400px; } 
.uk-form-stacked button { background-color: #007BFF; color: #fff; border: none; padding: 10px 15px; cursor: pointer; width: 100%; max-width: 400px; margin-top: 10px; }

@keyframes uk-shake {
 0%, 100% { transform: translateX(0); }
 10% { transform: translateX(-9px); }
 20% { transform: translateX(8px); }
 30% { transform: translateX(-7px); }
 40% { transform: translateX(6px); }
 50% { transform: translateX(-5px); }
 60% { transform: translateX(4px); }
 70% { transform: translateX(-3px); }
 80% { transform: translateX(2px); }
 90% { transform: translateX(-1px); }
}

textarea.uk-form-danger,
input.uk-form-danger { border-color: red; animation-duration: .5s; animation-timing-function: ease-out; animation-fill-mode: both; animation-name: uk-shake;}
</style>
{/source}