.half-spacer,
.box-help,
.box-emergency-help {
box-sizing: border-box;
opacity: 0;
transform: translateY(8px);
max-height: 0;
overflow: hidden;
pointer-events: none;
transition:
opacity .35s cubic-bezier(.2,.9,.3,1),
transform .35s cubic-bezier(.2,.9,.3,1),
max-height .45s cubic-bezier(.2,.9,.3,1);
will-change: opacity, transform, max-height;
}
.half-spacer.is-visible,
.box-help.is-visible,
.box-emergency-help.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
max-height: 1200px;
}
.half-spacer.is-hiding,
.box-help.is-hiding,
.box-emergency-help.is-hiding {
}
.box-help h4,
.box-emergency-help p,
.box-help p {
margin: 0 0 8px 0;
font-weight: 500;
font-size: 15px;
}
.phone-list__item-number,
.box-help a,
.box-emergency-help a {
display: inline-block;
margin-top: 6px;
text-decoration: none;
color: inherit;
font-weight: 600;
}
.box-single__button.phones-open,
.box-single__button[aria-expanded="true"] {
background-color: rgba(0,0,0,0.06);
box-shadow: none;
}
.box-single__button:focus {
outline: 3px solid rgba(21,156,228,0.12);
outline-offset: 2px;
}
@media (max-width: 768px) {
.box-help,
.box-emergency-help {
padding: 12px;
}
.box-help h4,
.box-emergency-help p {
font-size: 14px;
}
}