.timezone-reminder {
    margin: .45rem 0 .8rem;
    padding: .32rem .55rem;
    border: 1px solid var(--wheat);
    border-radius: 6px;
    background: #f3d9d4;
    font-family: var(--font-data);
    font-size: .78rem;
    line-height: 1.25;
    text-align: center;
}

.timezone-reminder a {
    color: #9d4438;
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.timezone-reminder a:hover,
.timezone-reminder a:focus-visible {
    color: #7f352d;
    outline-color: var(--wheat);
    outline-offset: 2px;
}