.cd-hr-btn-wrap {
margin: 1rem 0;
}
.cd-hr-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
min-width: 44px;
padding: 0.65rem 1.1rem;
max-width: 100%;
box-sizing: border-box;
border: 2px solid #1a3a4a;
background: #f7fafb;
color: #1a3a4a;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
line-height: 1.3;
border-radius: 6px;
transition: background 0.15s ease, color 0.15s ease;
}
.cd-hr-btn:hover,
.cd-hr-btn:focus-visible {
background: #1a3a4a;
color: #fff;
outline: 3px solid #3d8fb5;
outline-offset: 2px;
}
.cd-hr-btn:focus:not(:focus-visible) {
outline: none;
}
@media (max-width: 480px) {
.cd-hr-btn {
width: 100%;
}
}