.callback-ribbon { margin-block: 2rem; border-block: 1px solid #d8dfea; color: #071536; }
.callback-ribbon > summary, .callback-ribbon__row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: 1.25rem; }
.callback-ribbon > summary { cursor: pointer; list-style: none; }
.callback-ribbon > summary::-webkit-details-marker { display: none; }
.callback-ribbon strong { margin-right: .5rem; }
.callback-ribbon__action { color: #1955a6; font-weight: 700; flex-shrink: 0; }
.callback-ribbon .callback-section { padding-block: 2rem; }
.callback-ribbon .callback-section > .container { width: 100%; }
.callback-ribbon > summary:focus-visible { outline: 3px solid #1558ad; outline-offset: 4px; }
@media(max-width: 600px) { .callback-ribbon > summary, .callback-ribbon__row { align-items: flex-start; flex-direction: column; gap: .75rem; } }