.header {
    display: flex;
    flex-direction: column;
    padding: $spacer $spacer * 2;
    background-color: $gray-100;
    border-bottom: 1px solid $gray-300;
    .sub-list & {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        border-bottom: none;
    }
    &-title {
        margin-bottom: $spacer;
    }
    .btn-back {
        color: $gray-500;
        font-size: 0.9rem;
        margin-right: 0.7rem;
        transition: 0.15s color ease-in-out;
        display: flex;
        align-items: center;
        &-icon {
            width: 0.5rem;
            height: 0.5rem;
            margin-right: 0.375rem;
        }
        &:hover,
        &:focus {
            color: darken($gray-500, 15%);
        }
    }
}