<style>
.ボックス{margin:40px;
width:300px;
padding:20px;
border:2px solid #abcdef;
border-radius:5px;}
.ボックス:focus-within{animation:フォーカス 1s infinite;}
@keyframes フォーカス{0%,100%{box-shadow:0 0 5px rgba(80,80,80,0.5);}
50%{box-shadow:0 0 15px rgba(80,0,255,0.5);}}
.インプット{width:100%;
padding:8px;
margin-bottom:10px;
border:1px solid #456789;
border-radius:4px;
font-size:16px;}
</style>

<div class="ボックス">
<input type="text"class="インプット"placeholder="お名前">
<input type="email"class="インプット"placeholder="メール・アドレス">
<button type="submit"class="インプット">送信</button>
</div>