.description { margin-bottom: 35px; p:nth-child(1) { color: rgba(18, 18, 18, 1); font-weight: 500; font-size: 16px; margin-bottom: 8px; line-height: 23px; } p:nth-child(2) { font-weight: 400; font-size: 14px; color: rgba(100, 100, 100, 1); margin-bottom: 8px; line-height: 21px; } p:nth-child(3) { color: rgba(18, 18, 18, 1); font-weight: 400; font-size: 14px; line-height: 32px; span { font-weight: 400; font-size: 22px; color: rgba(22, 122, 240, 1); line-height: 32px; padding: 0 2px; } } } .card-tabs { display: flex; margin-bottom: 42px; .card-tab { padding: 0 12px; height: 32px; line-height: 30px; border: 1px solid rgba(22, 122, 240, 1); text-align: center; color: rgba(22, 122, 240, 1); cursor: pointer; border-right: none; &.active { background: rgba(22, 122, 240, 1); color: #ffffff; } } .card-tab:last-child { border-right: 1px solid rgba(22, 122, 240, 1); } } .card-title { line-height: 19px; font-size: 16px; padding-left: 12px; position: relative; margin-bottom: 23px; font-weight: 500; font-family: Source Han Sans SC; svg { // line-height: 19px; // height: 19px; // vertical-align: middle; } &::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 14px; background: rgba(22, 122, 240, 1); } &.no-padding { padding-left: 0; &::before { display: none; } } } .table-container { position: relative; .btn-toggle-table { font-weight: 500; font-size: 14px; line-height: 20px; color: rgba(22, 122, 240, 1); margin-bottom: 20px; cursor: pointer; svg { transition: transform 0.3s ease-in-out; } &.hide-table svg { transform: rotate(-180deg); } } .export-button { position: absolute; right: 0; top: 0; color: rgba(22, 122, 240, 1); font-weight: 500; font-size: 14px; cursor: pointer; svg { margin-left: 8px; margin-right: 0; } } }