.collapsible-block {
        position:relative;
        border-radius: 8px;
        overflow: hidden;
        top:-20px;
        margin-bottom: 0px;
    }
    .collapsible-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
        padding: 0.8em 1em;
        font-weight: 600;
        cursor: pointer;
        outline: none;
        font-size: 14px;
        transition: background 0.2s;
        background: #fff;
        margin: 0 auto;
        border-radius: 8px;
        border:1px solid #3a2f7e;
    }
    .collapsible-header:hover { background: #395066; color:#fff; }
    .collapsible-icon { font-size: 14px; }
    .collapsible-content {  background: #fff; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(37, 34, 77, 0.52) 100%);
        max-height: 0;
        opacity: 0;
        transition:
                max-height 0.35s ease,
                opacity 0.3s ease;
        padding: 0 2px 2px 2px;
        border-radius: 8px;
        overflow: hidden;
    }
    .collapsible-title{
        display: none;
    }

 .collapsible-header[aria-expanded="true"] + .collapsible-content {
     max-height: 1000px; /* любое достаточно большое значение */
     opacity: 1;
 }

 @media (max-width: 769px) {
     .collapsible-block{
         top:-15px;
     }
 }