.catalog-digital-access-modal .modal-content {
    overflow: hidden;
    border: 1px solid #d8e4f1;
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(19, 45, 78, .2);
}

.catalog-digital-access-modal__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 28px 30px 0;
}

.catalog-digital-access-modal__icon {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: #1f5fae;
    background: #eaf2fb;
    border-radius: 16px;
}

.catalog-digital-access-modal__icon svg { width: 25px; height: 25px; }
.catalog-digital-access-modal .modal-body { padding: 18px 30px 24px; }
.catalog-digital-access-modal .modal-body h2 { margin: 0 0 10px; color: #172b43; font-size: 1.3rem; font-weight: 750; }
.catalog-digital-access-modal .modal-body p { margin: 0; color: #526780; line-height: 1.6; }
.catalog-digital-access-modal__note { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding: 13px 14px; color: #315876; background: #f2f7fc; border: 1px solid #dce9f5; border-radius: 12px; font-size: .86rem; line-height: 1.45; }
.catalog-digital-access-modal__note svg { flex: 0 0 18px; width: 18px; height: 18px; }
.catalog-digital-access-modal .modal-footer { gap: 10px; padding: 18px 30px 26px; border-top: 1px solid #e7edf4; }
.catalog-digital-access-modal .modal-footer button,
.catalog-digital-access-modal .modal-footer a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 9px 15px; border-radius: 10px; font-size: .9rem; font-weight: 700; text-decoration: none; }
.catalog-digital-access-modal__close { color: #34516e; background: #fff; border: 1px solid #b8cbe0; }
.catalog-digital-access-modal__login { color: #fff; background: #1f5fae; border: 1px solid #1f5fae; }
.catalog-digital-access-modal__login:hover { color: #fff; background: #16477f; }
.catalog-digital-access-modal__login svg { width: 17px; height: 17px; }

@media (max-width: 575px) {
    .catalog-digital-access-modal__top { padding: 22px 22px 0; }
    .catalog-digital-access-modal .modal-body { padding: 16px 22px 20px; }
    .catalog-digital-access-modal .modal-footer { padding: 16px 22px 22px; }
    .catalog-digital-access-modal .modal-footer button,
    .catalog-digital-access-modal .modal-footer a { width: 100%; }
}


.catalog-digital-access-modal__icon--book { background: var(--catalog-primary, #3b82f6); color: #fff; }
.catalog-digital-access-modal__footer { gap: 8px; }
.catalog-digital-access-modal__submit { border: 0; cursor: pointer; }
.catalog-read-button--link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }