как я могу сделать границу красной, когда пользователь на той же странице CSS

Question

У меня одна страница подписана с двумя вариантами электронной почты / телефона, когда пользователь нажимает на кнопку телефона, чтобы зарегистрироваться. Я хочу, чтобы граница все еще была красной, я делаю ее наведенной на нее при наведении мыши, но я не знаю, как сделать, когда вна той же странице граница тоже будет красной.

.EPbutton{
font-size: 14px;
font-weight: bold;
display: inline-block;
text-decoration: none;
color:black;
border-bottom: 2px solid black;
width: 130px;
height: 20px;
margin-top: 12px;
margin-bottom: 5px;
}

.EPbutton:hover{
border-bottom: 2px solid red;
color:red;
cursor: pointer;
}

Answer 1

:focus

.EPbutton:focus {
border-bottom: 2px solid red;
color:red;
cursor: pointer;
}